jquery」カテゴリーアーカイブ

画像を遅延読み込みさせるjqueryのlazy loadをjquery mobileで使用するには

画像がうまく読み込まれなくて躓いていたが、解決に至ったサイト
http://stackoverflow.com/questions/10236358/lazy-loading-images-within-jquery-mobile

lazy loadの使い方
http://www.appelsiini.net/projects/lazyload

自分のソースコードの抜粋

<script>
$(document).delegate('#archive', 'pageinit', function() {
    $(this).find(".image").lazyload({
        effect: "fadeIn",
        effectspeed: 1000,
        threshold : 200
    });
    $('#archive').trigger("create");
});
</script>
<img src="ダミーの画像URL" data-original="実際の画像URL" class="image">