jQueryプラグイン素晴らしいイメージスライダー10サンプル

TN3 Gallery

サイトの顔トップイメージをスライダにしてみませんか?
サイトの顔といえばトップイメージです。jQueryを使えばトップイメージを簡単にイメージスライダーにすることができます。インパクト大ですね!数あるスライダの中から10選サンプル紹介します。

サイトのイメージにあわせてイメージスライダを選びましょう!

それぞれ魅せ方や機能が違うのでサンプルで動作確認してみてくださいね。

dualSlider

画像のほかに動画もスライド表示に埋め込むことができるイメージスライダ。便利です。

dualSlider

URL:URL |  DEMO

bxSlider

画像とテキストとリンクの3つを一まとめにしてスライドさせる。画像が小さい商品写真などにおすすめ。

bxSlider

URL:URL |  DEMO

AnythingSlider

左右のナビゲーションとページナビゲーションでスライドするタイプ。動画も埋め込むことが可能。

AnythingSlider

URL:URL |  DEMO

SlideDeck

マウスホイールでのスライダ操作が可能。情報量が多い場合におすすめです。

SlideDeck

URL:URL |  DEMO

Start/Stop Slider

自動的にどんどん流れていくスライダ。STOPボタンをクリックすることで流れを止めることができます。

Start/Stop Slider

URL:URL |  DEMO

Content Slider

左に振ってから右にスライドする少し変わった動きのスライダ。

Content Slider

URL:URL |  DEMO

Compact News Previewer

小さいサイズのスライダ。小さくても情報量は多く扱うことができます。

Compact News Previewer

URL:URL | Content Slider with jQuery UI

URL:URL |  DEMO

Awkward Showcase

よく見かけるイメージスライダ。鉄板ネタです。

Awkward Showcase

URL:URL |  DEMO

TN3 Gallery

ギャラリー付きのイメージスライダギャラリー。リスト表示や拡大表示もクリック1つで操作できる。

TN3 Gallery

URL:URL |  DEMO

今日の選択理由

jQueryプラグインのイメージスライダと一言でまとめてもその中には様々な魅せ方や機能のものがあります。イメージスライダだけではなくほかのプラグインでもそうですが、知っているのと知っていないのとでは選択肢の幅は大きく変わります。一つでも多くのサンプルを見て「あぁ~こういうのもあるんだぁ~」という感覚が非常に大切なように思います。

rss登録 rss登録 rss登録

コメント

コメントをお寄せください。

コメントの投稿

コメントフィード コメントフィード

トラックバックURL: http://select.rash.jp/jquery/589/trackback/