Animated JavaScript Slideshow

example

  • シーサー

    ../_images_cmn/600_400_01.jpg

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.

  • ../_images_cmn/600_400_02.jpg

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.

  • ../_images_cmn/600_400_03.jpg

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.

  • ちょうちょ

    ../_images_cmn/600_400_04.jpg

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.

  • ハイビスカス

    ../_images_cmn/600_400_05.jpg

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.

  • ../_images_cmn/600_400_06.jpg

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.

  • ../_images_cmn/600_400_07.jpg

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.

  • 海と船

    ../_images_cmn/600_400_08.jpg

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.


summary

機能
サムネイル、スライドショー、画像上にキャプション機能つきギャラリー。
参照元サイト
商用利用可 軽量・単独で動作するスライドショーを実装するJavaScript『Animated JavaScript Slideshow』
ライブラリ
なし
ライセンス
Creative Commons ― 表示 3.0 アメリカ合衆国
設置苦労度
★★
メモ
設置自体は簡単。カスタムにちょっと時間かかった。スライドショーはなしにもできる。画像切り替えの速度やサムネイルのスクロールの速度も変えられる。キャプションのh3を消すと動かんくなったけど、そのへんはよくわからん。