使用计时器和淡入淡出功能交换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

我有一个独特的情况,我试图采取一个图像和交换后,一个特定的时间。我有这个部分的工作,但我也需要的图片淡入淡出对方,我不能找出这一部分。如果可以的话,请帮忙

JavaScript:

<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