レスポンシブかつ軽量な画像スライドショーのjQueryプラグイン-ResponsiveSlides.js
Modified 2014-06-08 更新情報 記事公開時とオプションや設定方法など変わっていた点が多数あったため、現在の方法へオプションを書き換えました。 ResponsiveSlides.jsは、レスポンシブで792KBの軽量かつシンプルなスライドショーのjQueryプラグインです。Internet Explorer 6,7,8,9 にも対応していて、サポートしているブラウザも幅広いので、定番として使えそうです。 「サンプル」も作ってみましたが、設置も簡単にできました。シンプルなマークアップで使いやすいです。 デモ ResponsiveSlides.js · Responsive jQuery slideshow Slideshow 1 はシンプルに画像がフェードしながら切り替わります。 Slideshow 2 は画像の切り替えをページナビで行います。 ダウンロード viljamis
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
【jQuery】レスポンシブデザイン用のスライドショー「ResponsiveSlides」 | ぺこのブログ
こんにちは。 暑い日が続きますね・・・。うちの熱中対策としては、部屋の温度が30度超えそうならエアコンを入れる、熱中対策用の飴を食べる、日傘、こまめな水分補給・・・ってぐらいでしょうか。 さてさて、今流行り？のレスポンシブデザインですが、普通のスライドショーだとレスポンシブに対応してないので、PC・タブレット・スマホと、それぞれのサイズに合うように一個一個作成していかないとだめなんですよね・・・。 ユーザエージェントで切り替えることもできるけど、めんど（ｒｙ てことで、今日はjQueryプラグインの「ResponsiveSlides」をご紹介したいと思います！ そもそもレスポンシブデザインって何？ それぞれの端末毎に最適化されたデザインを作成しなければならないが、レスポンシブデザインの場合は、端末毎に作成しなくてもウィンドウのサイズによって位置を再配置する…
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop VIP ☞ iPhone表示にも対応、レスポンシブWebデザインの無料WordPressテーマ15選(プラグイン付)
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP