0

如何使图像响应延迟加载和同位素 jquery 插件？到目前为止，我有以下代码：

<div class="thumbnail item">
    <a href="image.jpg" class="fbgroup" rel="fbgroup">
        <img class="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="thumb_image.jpg" height="auto" width="auto" style="height:300px; width:450px;" />
        <noscript><img src="image.jpg" height="auto" width="auto" style="width:450px; height:300px" /></noscript>
    </a>
</div>

Lazyload 像这样工作，同位素中的砌体也是如此，但是当我将浏览器的大小调整为比图像宽度更薄时，它会脱离页面内容容器并且不会响应收缩。让它变得困难的是lazyload似乎想要img标签的样式部分中图像的真实宽度和高度。

4

0 回答 0