いきなりJQueryネタになったけど、前からスライドショーを作りにはどうすれば良いか考えていた。なかなか考えがまとまならなかったけど、今作っているポータルのためにプラグインを使わないで作ってしまいたかった。

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

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

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

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