シンプルな画像ギャラリーに使えるjQueryプラグインをつくってみた - 小窓屋めがね
盆栽教室のサイトを制作した際に、画像ギャラリーを作る必要があったので、せっかくなのでjQueryプラグイン化してみた。 フェードイン・フェードアウトするだけのシンプルな動きなので、さっと設置したい時には便利かも。ということで、さっそく解説。 jQuery crossFader フェードイン・フェードアウトで画像を表示するjQueryプラグイン。画像をクリックすると次の画像へ遷移します。 デモページ ダウンロード 更新履歴 [2011.03.17] ver0.2 ループ制御用オプションを追加 [2011.02.14] ver0.1 リリース 準備 必要なデータを上記よりダウンロード後、CSSとJavaScriptを読み込む。 使い方 JavaScript ギャラリー部分のid（id-of-crossfader）を指定し、クロスフェードを実行。 HTML（画像のみの場合） CSSを適用するため
重い画像を順番に読み込むjavascript「Lazy Load Plugin for jQuery」
twitter facebook hatena google pocket ブロードバンドが浸透しているとはいえ、画像を多く使用するとページが重くなり、表示速度が遅くなります。 また解像度を高くしたり、画像サイズを大きくしても重くなります。 Lazy Load Plugin for jQueryはディスプレイ範囲の画像のみを順番に表示するためページの読み込む時間を短縮できます。 sponsors 使用方法 Lazy Load Plugin for jQueryからjquery.lazyload.jsをjQueryからjquery.js、jQuery Dimensions Pluginからjquery.dimensions.jsをダウンロードします。 <script type="text/javascript" src="http://yourdomain/jquery.js"></scri
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
