FlexSlider 2
// Can also be used with $(document).ready() $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); <!-- Place somewhere in the <body> of your page --> <div class="flexslider"> <ul class="slides"> <li> <img src="slide1.jpg" /> </li> <li> <img src="slide2.jpg" /> </li> <li> <img src="slide3.jpg" /> </li> <li> <img src="slide4.jpg" /> </li> </ul> </div>
[JS]レスポンシブにも対応した使いやすいカルーセルを探す時はこのスクリプトがオススメ！ -slick | コリス
画像やコンテンツを配置したパネルを次々に水平・垂直にスライドして表示するカルーセルのスクリプトを紹介します。 自由度の高いカルーセルってなかなか無いのですが、「ラスト カルーセル」とサブタイトルがついてるくらい探し回って最後にたどり着くのはこれという出来です。 slick slick -GitHub slickの特徴 slickのデモ slickの使い方 slickの特徴 「the last carousel」とあるだけあって、カルーセルとしての機能は全て備えています。 レスポンシブ対応 CSS3はサポートブラウザ時に動作 オートプレイ対応 ナビゲーションはドット・アローの選択が可能 矢印キーでのキーボード操作に対応 ドラッグ・スワイプ操作に対応 無限ループ対応 slickのデモ デモでは、さまざまなカルーセルの動きを試せます。
grid-cube-wordpress jQuery プラグイン スライドギャラリー
スライドするギャラリープラグインのまとめです。 １、Slider Gallery with jQuery サムネイルをスクロールバーで動かすタイプ 自動でループはしないけど、画像の数が増えたらこっちの方が良いかも ２、infiniteslide 横一方向に、自動で無限ループするスライダー スピードや向き（右左）サイズなどは変更自由。 マウスONでSTOPとかはしないです。シンプルな作り。 解説ページ ３、jQuery LOOPSLIDER こちらもシンプルに、横方向無限ループするスライダーli要素を増やすことで簡単にループさせる画像が増やせます。 ４、Flow Slider jQuery Plugin 動きがとてもなめらかなスライダー！ マウス動作で左右自在に動かせます。 クロスブラウザ対応、キーボード操作で動かすことも出来るみたい 実装が簡単とのこと、一度試してみようかな・・・ サンプル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
