【jQuery】超軽量フリック対応スライダー［Swipeshow］を紹介します。
タッチデバイスのフリック入力にも対応したシンプルなスライドショーを実装できる jQuery プラグイン［Swipeshow］を紹介します。 このプラグインは jQuery 1.8 以上に対応。容量も軽く、サクサク動きます。 まずは Swipeshow 本体のダウンロード。以下のサイトよりどうぞ。 →Swipeshow HTMLのマークアップはもちろん、以下のように最小限度の記述で済みます。 <div class="swipeshow"> <ul class="slides"> <li class="slide"> <img src="sample-01.png" /> </il> <li class="slide"> <img src="sample-02.png" /> </li> <li class="slide"> <img src="sample-03.png" /> </li>
横並びの要素の高さを揃えるjQueryプラグイン「matchHeight」がレスポンシブでもバッチリ動いて素敵
高さが異なる要素を横並びにした時に、その高さを揃えたい–生きとし生けるもの全ての夢。 でまぁ今までとあるプラグインを利用していたのですが、レスポンシブで上手く動かないということでなんかいいやつ無いんかい、と探していたところjquery.matchHeight.jsというのを見つけました。 jquery.matchHeight.js – a more robust equal heights plugin for jquery 動き 簡単なデモページ作ってみましたのでどうぞ。公式でいいじゃんと思ったけど一応テストで作ったので。 デモページ 使い方 使い方も非常に簡単。liabru/jquery-match-heightからコードをダウンロードして、 [html] <head> <script type="text/javascript" src="http://ajax.googleapis
jQueryで要素をシャッフルするプラグイン「jQuery Shuffle Plugin」 | Web活メモ帳
ランダムに要素を並び替える バナーの順番をランダムで切り替えたり、おすすめ情報の並び順を切り替えたりする時に使える「jQuery Shuffle Plugin」をご紹介。 jQueryのプラグインを使用すれば、特定の要素だけランダムで表示できるようになります。 ソースコードは以下 (function($){ $.fn.shuffle = function() { return this.each(function(){ var items = $(this).children(); return (items.length) ? $(this).html($.shuffle(items)) : this; }); } $.shuffle = function(arr) { for( var j, x, i = arr.length; i; j = parseInt(Math.random(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
simplelib with jQuery