備忘録的プログラミングリファレンス

Slide Show

HTML

 各画像は、番号、画像、キャプションテキストをimg_boxとして包括しています。さらにnext、pre操作ボタン、各画像の表示ボタンとimg_boxをSlidesshow_imagesコンテナとして包括しています。

動作の確認

別ページで開きます。

 class名のfadeはfade in表示にするものです。

css

 全体のコンテナパラメータposition: relative;にして、表示位置を自由になるようにしています。

JavaScript