我不想实现滑块插件,而是使用 CSS/jquery 来交替 DIV 的背景图像(淡入/淡出或幻灯片效果)。目前我的代码如下:
HTML
<div class="block backpic">
</div>
CSS
.block {
display: block;
margin-right: auto;
margin-left: auto;
clear: both;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
width: 100%;
overflow: hidden;
}
.backpic {
height: 638px;
background-image: url(../images/picture1.jpg);
background-size: cover;
}
我应该怎么做才能用第二张图片交替图片1?非常感谢您的帮助