Branberyheag Lab » slide show http://lab.branberyheag.com ActionScript3.0やJavascriptを使っていろんなものを作ってみます。 Fri, 23 Jul 2010 10:00:23 +0000 ja hourly 1 http://wordpress.org/?v=9736 Jqueryでスライドショーを作るときのコツ-概要編- http://lab.branberyheag.com/2009/11/06/jquery-slide_show.html http://lab.branberyheag.com/2009/11/06/jquery-slide_show.html#comments Thu, 05 Nov 2009 15:40:45 +0000 isao http://lab.branberyheag.com/?p=415 いきなりJQueryネタになったけど、前からスライドショーを作りにはどうすれば良いか考えていた。なかなか考えがまとまならなかったけど、今作っているポータルのためにプラグインを使わないで作ってしまいたかった。

頭の中で想像していることを整理しながら作っていくことにした。
スライドショーの仕様は以下のとおりにした。

  • 複数の画像があっても自動的に要素を作ってスライドショー用のDivで囲むようにする。
  • 画像の枚数をカウントして、スライドの下にサムネイルを設置できるようにする。
  • 自動的にスライドする。当たり前かも？

これを実現するために手を動かして、作ってみた。
あとあと、他のものに応用したいので、クラス化しておくことも必要。

次は、JQueryを使ってのスライドのしくみについて次回説明していきたい。関連した記事

]]> http://lab.branberyheag.com/2009/11/06/jquery-slide_show.html/feed 0