给你一个最简单的方式,代码也最简单,
在要显示图片的地方:
<img id="sliderImage" src="pic.png" alt="Slider Image">
img放第一张图片。
后面放上js
<script>
var images = ['图片2.png', '图片3.png', '图片1.png'];
var currentImageIndex = 0;
var imageElement = document.getElementById('sliderImage');
function changeImage() {
currentImageIndex = (currentImageIndex + 1) % images.length;
imageElement.src = images[currentImageIndex];
}
// 每隔3秒调用一次changeImage函数
setInterval(changeImage, 3000);
</script> |