目前我正在尝试创建一个图像 slider 。一个双元素数组用于存储图像源。不知道出了什么问题,我的 slider 不工作,但一切看起来都很好。请帮助我。谢谢
<html>
<head>
<style>
#myimage {
opacity=0;
}
</style>
</head>
<body>
<script>
function lol(){
var check=true;
var i=0;
var array=["car1.jpg","car2.jpg"];
var imgs=doucment.getElementById("myimage");
setInterval(function(){
if(check){
imgs.style.opacity=1;
imgs.style.transition="opacity 2s ease-in-out";
imgs.src=array[i];
i++;
if(i=2){i=0;}
check=false;
}else{
imgs.style.opacity=0;
imgs.style.transition="opacity 2s ease-in-out";
check=true;
}
},2000);
}
window.onload=lol;
</script>
<img src="" id="myimage">
</body>
</html>
最佳答案
我可以在您发布的代码中看到一些问题:
doucment.getElementById("myimage");
应该是 document.getElementById("myimage");
CSS:
#myimage {
opacity=0;
}
应该是
#myimage {
opacity:0;
}
if(i=2){i=0;}
应该是:
if(i === 2){i=0;}
注意:如果您在浏览器中按 F12,控制台将打开并显示错误。
关于javascript - 使用数组创建动态图像 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23713394/