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);
});
});
