应用jQuery.lazyload后,占位图片被放大、变形的解决

将占位图片做成背景即可

.box_a {
    background-color: #fff;
    border-radius: 10px;
    display: block;
    width: 94%;
    margin: 10px auto 10px;
    position: relative;
    background: url('loading-2.gif') no-repeat center 72px;
}

<a class="box_a"> 
<img class="lazyload" src="" data-original="${basePath}getMedia?mediaId=${item2.mealCover}"
 style="width: 100%; height: 180px; max-width: 100%; max-height: 180px;" /> 
</a> 

占位图的gif可用 layer的 loading小图片

猜你喜欢

转载自blog.csdn.net/zml_moxueli/article/details/78284423