jQuery Cycle和CSS设置图像作为封面

Question

我知道当您将图片设置为background-image时，您可以设置background-size:cover

当图像是实际的<img>时，是否有为jQuery Cycle执行此操作的方法？

<div>
    <img src="image1.jpg">
</div>

Answer 1

是的，你可以做到。 请记住，您也可以循环div（不仅仅是图像）。所以只需将div放入容器中并为其设置backgroundSize:cover;并将图像作为背景。

<div id="cycleContainer"> 
    <div style="background: url(image1.jpg);"></div>
    <div style="background: url(image2.jpg)";></div>
    <div style="background: url(image3.jpg)";></div>
</div> 

#cycleContainer div {
    backgroundSize: cover;
}

Answer 2

我做了以下......

$('.aside-img div').each(function(index) {
    var imgsrc = $(this).find('img').attr('src');
        $(this).find('img').hide();
        $(this).css({
            'background-image':'url('+imgsrc+')'
        });
});