勉強したことのメモ

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, 画像

  関連記事

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

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

110126-HTML5_Logo
ajaxを使わずに非同期っぽくsubmitする

ajaxを使わずに見た目はページ遷移せず、 画像を含めたformをsubmitし ...

jquery_logo
日付入力のテキストフォームにカレンダープラグインを導入

やりたかった事と制限は下記の通り。 ・日付入力のテキストフォームにカレンダープラ ...

images
smart_resize_imageで縦横の比率関係なく、固定リサイズ

PHPで縦横どちらかが指定の長さを超えた場合、比率を保ったままリサイズで使ったs ...

images
独自タグを変換して画像を表示させる

やりたい事↓↓ ----- {$IMG1}~{$IMG5}までの独自タグがある。 ...

jquery_logo
tableのヘッダーを残して表示(jquery-decapitate)

bootstrapはあまり使わないので切り離して使えるように したいところ。 ■ ...

jquery_logo
jQueryの指定されたイベントを実行する(trigger)

jQueryで $('ID').trigger('click'); というみたこ ...

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

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

jquery_logo
プラグインを使用せず、jQueryでオートページャー

プラグインを使わずにオートページャーを 作りたかった。 内容としては、 ・ターゲ ...

jquery_logo
テキストエリアを自動でリサイズ

改行するだけで勝手にリサイズしてくれるので、 ユーザー用でも管理用でも使えそう。 ...