FlexSlider.jsサムネイル、カルーセル対応の軽量スライダー
上記、記事で紹介したイメージスライダーですが、使い勝手が良さそうなので別のサンプルを紹介したいと思います。 本日は、サムネイル表示とカルーセル表示の2通り使い方のサンプルを紹介しますね。 2013.9.20 追記しました サムネイル表示・カルーセル表示 両方に対応したスライダー「FlexSlider.js」サムネイル表示、カルーセル表示と言われてもどんなイメージかわからない方もいるかもしれません。 例えば、こちらのショップ スマホケースのHameeストラップヤ ショップオブザイヤー2012で 「TV・オーディオ・カメラ」ジャンル賞を受賞しているショップ ↓↓↓のエリアを見てもらうと大きめのメイン画像がスライドして入れ替わっています。 先日もメイン画像が切り替わる仕組みとして紹介しましたが、メイン画像の下に小さい画像（サムネイル画像）を表示しているパターンです。 こちらは、複数の商品画像を並
ResponsiveSlides.js · Responsive jQuery Slider & Slideshow
ResponsiveSlides.js v1.55 Simple & lightweight responsive slider plugin (in 1kb) ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. It has been used on sites like Microsoft's Build 2012 and Gridset App. ResponsiveSLides.js works with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for
[JS]これはかなりの優れもの！iOS用だけどIE7にも対応しているスライダーのスクリプト -iosSlider
iosSlider [ad#ad-2] iosSliderの特徴 iosSliderのデモ iosSliderの使い方 iosSliderの特徴 ハードウェアアクセラレイト iOS, Android, Webkit系ブラウザ用にCSS3を使用します。 レスポンシブデザイン デスクトップ、スマートフォン、タブレットの各デバイスをサポート。 コールバック ウェブアプリとしてさまざまな用途に応えるためにコールバックを用意。 全てのモダンブラウザをサポート デスクトップ用のFirefox, Chrome, Safari, IE7+をサポート。 無限ループ スライドは両方向に無限ループさせることもできます。 オートスライディング 自動スライドにも対応、ホバーで中断します。 サポートブラウザ iosSliderがサポートするテスト済みのブラウザ一覧です。 Firefox5.0+ Chrome19.0+
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
