動きのあるホームページ

画面が変化したら表示される、スライドするコンテンツ、などに必須のJavaScript。
WordPressでは、多くのプラグインが用意されていて、プラグインを導入することで可能なものもたくさんあります。
プラグインは、さまざまなオプションで表現を変える、など多くのユーザーに対応するようにできていますが、どうしても不要な機能、コードなどいらないと思ってしまうことがたくさんあります。
ということで、そのサイトに必要なスクリプトを作成できるものは作りたいと考えています。

ブラウザが表示された時、マウスのクリック、マウスオーバー、アウト、ブラウザをスクロールしたときなど、イベントが起こったときはじめて、JavaScriptはスクリプトにかかれた処理を実行します。

動きのあるホームページ 制作 スタジオ感画像1
動きのあるホームページ 制作 スタジオ感画像2
動きのあるホームページ 制作 スタジオ感画像3

スライドするイメージの基本をSwiperを使って作成しました。スマホ、タブレットなどにも対応。
スライドショーは、自作、JabaScript使用のSwipeer、jQuery使用のSlickなどで作成できます。

この基本のスライドショーは、いろんなデザインに展開可能。
サムネールを並べる、また並べ方の変更等。スマホのフリック、にも対応。