使用计时器和淡入淡出功能交换JavaScript图像
我有一个独特的情况,我试图采取一个图像和交换后,一个特定的时间。我有这个部分的工作,但我也需要的图片淡入淡出对方,我不能找出这一部分。如果可以的话,请帮忙 JavaScript:使用计时器和淡入淡出功能交换JavaScript图像,javascript,image,timer,fade,swap,Javascript,Image,Timer,Fade,Swap,我有一个独特的情况,我试图采取一个图像和交换后,一个特定的时间。我有这个部分的工作,但我也需要的图片淡入淡出对方,我不能找出这一部分。如果可以的话,请帮忙 JavaScript: <script type="text/javascript"> var picPaths = ['images/Front1.jpg','images/Front2.jpg','images/Front3.jpg']; var curPic = -1; var imgO = new
<script type="text/javascript">
var picPaths = ['images/Front1.jpg','images/Front2.jpg','images/Front3.jpg'];
var curPic = -1;
var imgO = new Array();
for(i=0; i < picPaths.length; i++) {
imgO[i] = new Image();
imgO[i].src = picPaths[i];
}
function swapImage() {
curPic = (++curPic > picPaths.length-1)? 0 : curPic;
imgCont.src = imgO[curPic].src;
setTimeout(swapImage,5000);
}
window.onload=function() {
imgCont = document.getElementById('imgBanner');
swapImage();
}
</script>
我在HTML上有正确的
,但是它不允许我将HTML发布到屏幕上。很抱歉,我是说JavaScript,这是一个打字错误。彭,我修复了标题和标记。对不起,对不起,我的意思是这是一个打字错误。彭,我修正了标题和标签。很抱歉
div img id="imgBanner" src="" alt="" / /div