jQueryでグリッド型のサムネイルを表示するスライドショー

説明補足説明コード関連書籍コメント投稿
このサンプルは、jQueryのanimte apiとcssを利用してスライドショーを実装しています。サンプルが表示されるとイメージが自動的にスライドします。 マウスをイメージ上に移動すると右下にナビゲーションバーが表示されますので、手動でイメージを切り替えるたり、自動切り替えを一時停止することができます。 ナビゲーションの左端のグリッドボタンをクリックするとイメージの上位にグリッド型のサムネイルを表示します。サムネイルをクリックすると拡大表示します。サムネイルは左右の矢印ボタンをクリックしてスライドさせることができます。[▲]をクリックするとグリッド型サムネイルを閉じます。