• TOP
  • NOTES
  • 画像スライドショーのサンプル集

NOTES

画像スライドショーのサンプル集

複数の画像を表示したいときに便利なアクション例一覧です。


このエントリーをはてなブックマークに追加

HTML・CSS・jQueryを使ったコンテンツのスクロール表示のアクションサンプルです。
コピペですぐにご使用いただけます。
※各画像右下にある「詳細へ」リンクをクリックすると各アクションの詳細へ遷移します。

フェードイン・フェードアウトで切り替え

ぼんやりと画像が切り替わっていくタイプのスライドショーです。
最後の画像まで表示されたら最初の画像に戻ります。

スライドで切り替え

画像がシュッと右側にスライドして切り替わっていくタイプのスライドショーです。
最後の画像まで表示されたら最初の画像に戻ります。

ゆっくりズームしながら切り替え

ゆっくりと画像がズームしながら切り替わっていくタイプのスライドショーです。
最後の画像まで表示されたら最初の画像に戻ります。

関連するサンプル集