使用计时器和淡入淡出的JavaScript图像交换

Question

我有一个独特的情况，我正在尝试拍摄图像并在特定时间后将其换出。我有那部分工作，但我也需要图片淡入和淡出彼此，我无法想出那部分。如果可以，请帮忙。

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：

div img id="imgBanner" src="" alt="" / /div

我在HTML上有正确的<>，但它不允许我将HTML发布到屏幕上。