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

CakePHPでプラグインを使わずに画像の遅延ロード

画像を遅延ロードした時のメモ。Lazy Loadのプラグインが使えない状況があったので簡易版としてつくりました。

echo $this->Html->image('transparent.png', array(
    'data-image' => $this->Html->image('sample.jpg'),
    'class' => 'lazy-loading',
));
$(window).load(function() {
    $(".lazy-loading").each(function() {
        var image = $(this).data("image");
        $(this).attr("src", image);
    });
});

参考