箕面市のホームページ作成なら「エムズウェブワークス」で。
見積もりは無料
参考パーツ 画像・写真のスライダー(カルーセル)パーツ

画像・写真のスライダー(カルーセル)パーツ

トップなどにインパクトを与え、必要な情報をたくさん伝えるスライダーをご紹介します。


パターン1:よく見かけるオーソドックスなスライダー
横から画像が流れてくるスライダー

  • neko01
  • neko02
  • neko03
  • neko04
  • neko05

パターン2:よく見かけるオーソドックスなスライダー
フェードイン・アウトで画像が変わるスライダー

  • neko01
  • neko02
  • neko03
  • neko04
  • neko05

パターン3:サムネイルがついたスライダー
スライドする画像のサムネイルがつくタイプのスライダー

  • neko01
  • neko02
  • neko03
  • neko04
  • neko05

パターン4:複数枚の画像をいっきにスライドさせるカルーセル
ここでは6枚の画像を4枚まとめてスライドさせてみます

  • neko01
  • neko02
  • neko03
  • neko04
  • neko05
  • neko06

パターン5:キャプション(説明)付きスライダー
ちょっとした画像の説明付きスライダー

  • neko01
  • neko02
  • neko03
  • neko04
  • neko05

*スマートフォン環境では上手く動作が行われないものもあります。
写真はすべて無料素材サイトからご提供