読者です 読者をやめる 読者になる 読者になる

東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

【jQuery】lazyload使い方

jQuery

head内にlazyloadのプラグインjs読み込ませる。

以下はオプションでカスタムのイベントloadImgをつくってる。
kikaku1をクリックすると、lazyloadが始まる。(img.lazyの画像読み込みが始まる)

data-originalに本命のimgを。srcにloading中の画像を

<img src="dummy.png" class="lazy" data-original="honmei.jpg" alt="*" />
$(function(){
  $('img.lazy').lazyload({
    effect: 'fadeIn',
    event: 'loadImg'
  });


  $( '.kikaku1' ).on( 'click', function(){
    $("img.lazy").trigger("loadImg");
  });

});


【参考URL】
http://www.webdesignleaves.com/wp/jquery/1335/

http://cly7796.net/wp/javascript/plugin-jquery-lazyload/