プラグインに頼らず自力でjQueryのスライドショーを作る方法(はじめてのスライドショー作成編)
- 2013/06/21
jQueryでスライドショーを作るといってもやり方は様々です。
そこで今回は学生にもプラグインに頼らず作って欲しいので、分かりやすさを重視して記述してみました。
jQueryでスライドショーを作るといってもやり方は様々です。
そこで今回は学生にもプラグインに頼らず作って欲しいので、分かりやすさを重視して記述してみました。
専門学校の授業でやっている課題で学生作品にリンクする為のページを作りました。写真をベースにしたフルHD対応のページにしたかったけど、フルHDではないPCやタブレット、スマホでアクセスしてもメニューをクリックできるように、ウインドウサイズによりメニューの位置を変更するようにしました。
サイトのメインビジュアルをスライド表示にした場合、最後のフレームでためを作りたい場合があります。そんな場合は、フレーム毎で表示時間を変更できる「mainVisual_slide」をカスタマイズして使ってください。
サンプルの確認とダウンロードができます。
もう3月に突入して随分経過しましたが・・・
2月、近所のTSUTAYAにフラッと寄った時に衝動買いしたWeb本のご紹介です。