2013CSS3jQueryPluginこの記事は年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。】レスポンシブデザイン及びグリッドレイアウトにも対応】です。masonryのお力をお借りします。どこでつかうんだ?というプラグインですが、謎スライダー同様存在自体忘れる可能性もあるので...備忘録としてメモしておきます。どんな動きかはデモをみていただくのが良いかと思います。キー操作にも対応していますので←→で遊んでみていただければ幸いです。DOWNLOAD実装方法(通常レイアウト)実装はシンプルです。複数のスライダー用HTMLを用意して共通のClassを付与した後、プラグインを読み込みます。レスポンシブデザイン対応の際はオプションを参照してください。data-animate="fade"><div>1</div>...<div>3</div></div>HTMLを記述する際に個々のアニメーションのスピード、アニメーションの種類、ローカルナビゲーションの有無が指定できます。アニメーションですが現在3種類に対応しています。!transformに対応していないブラウザではフリップのみフェードに差し変わります。スライダーごとに個別コントロールの有無が指定できます。(オプション項目、control:falseの場合。フリップアニメーション(めくる動き)JS$(function(){$(‘.slider’).sliderrr();});基本的なレイアウトは以上で実装可能です。スライダーが一つでも動作します。対応ブラウザIE7,IE8,IE9,Chrome,Firefox,Safari,Opera,iPhone,iPadIE7のみグリッドレイアウトには対応しておりません。CSS3アニメーションが対応している環境ではアニメーションはCSS3、対応していない環境ではjQueryに代替されます。オプション2013年10月時点で用意したオプションは以下になります。通常のスライダープラグインとあまり変わりません。アニメーションのイージングを指定します。自動再生の有無を指定します。自動再生時のタイミングを指定します。スライダーごとアニメーションのスピードを変える場合’true’に指定します。個別指定しない場合のスピードを指定します。キーボードによるスライドの可不可を指定します。各スライダーごとにあるローカルナビの有無を指定します。レスポンシブデザインに対応します。masonryを使用する必要が有ります。HTMLの構造も一部改変が必要です。data-speed="520"><div>1</div>...<div>3</div></div></div></div>謎スライダー同様、スライダーを大量に見せたい場合やスライダーのみでサイトを完結させてしまうような場面には使えそうですね。touch.Mail:info@zxcvbnmnbvcxz.comAdvertisement。