勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

jQueryで画像を遅延ロードする(jquery.lazyload.js)

      2014/05/17

画像を遅延ロードさせたい時にはlazyloadが便利。

■ダウンロード
http://www.appelsiini.net/projects/lazyload

■ソース
$('img').lazyload({
effect : 'fadeIn',
effectspeed : 200
});

■その他
jQuery読み込んでlozyload読み込んでソース書くだけ。

■参考サイト
http://www.koikikukan.com/archives/2012/11/21-015555.php

 - jQuery, 画像

  関連記事

jquery_logo
lightboxをファイルアップロードなしで使う(CDN)方法

本番実装時ならともかく、テスト用とかでlightboxみたいによく使うプラグイン ...

jquery_logo
スクロールしてもついてくる追尾型の広告を作る方法

スマホサイトとかでよく見る、スクロールしてもページ下部とかに常時表示されている追 ...

jquery_logo
Ajaxのクロスドメイン2

PHPも介せない場合。こちらの方がスマートでよさそう。 jsonpを使うみたい。 ...

jquery_logo
jQueryプラグイン使用時の注意

最近lightboxが急に動かなくなったという不具合があり 調べたところけっこう ...

jquery_logo
画像をドラッグ&ドロップでアップロードする方法

画像を複数枚ドラッグ&ドロップでアップロードしたかった。だいぶ前にdro ...

jquery_logo
bootstrap-datetimepickerについて

日付のピッカーはよく見るけど、時間のピッカーはあまり見ないので、 普通のセレクト ...

jquery_logo
jQueryのfind時に複数のセレクタ指定

<div id="hoge"> <a href="aaa.ht ...

images
要素の表示or非表示

今まで要素の表示or非表示をCSSで操作する際、 display:none; / ...

other
アタリ(noimage)画像の自動生成

縦200×横150pxのno-image画像みたいなのが欲しかった。 探すと便利 ...

jquery_logo
スマホ対応のjQueryのカラーピッカープラグイン

以前の記事でカラーピッカープラグインのことを書いたけど、スマホでは使えない。なの ...