jquery-carouselに関するtakachaa8のブックマーク (1)

  • 指定した秒数ごとに画像がスライドするカルーセル | A Day in the Life

    jQueryを使ったカルーセルプラグインはたくさんあるのであまり困る事は無いと思いますが、試しに自分で作ってみたので2回に分けてカルーセルの作り方を記事にします。 1回目は指定した秒数ごとに画像がスライドする無限ループのカルーセルを作ります。2回目は無限ループに加え、ボタンを画像分用意し、クリックするとボタンに対応した画像が表示されると言ったものに改造して行きます。(余裕があれば3回の記事にし、プラグイン化しようと思います。) プログラムの流れは下記のような流れに従って作ります。 画像の数や幅などの初期設定を行う。 画像が左にスライドするアニメーションを作る。 このアニメーションをメソッド化する。 指定した秒数でこのメソッドを実行させる。 まずデモで完成形をご覧ください。 View Demo それではコードを解説して行きます。 HTML HTMLは下記のようなソースコードになります。 HT

  • 1