Javascript 将过渡添加到我的网站上的图像

我有以下代码：

<script type="text/javascript">
    var aImages = [ 
        "images/gaming/GTAV/GTAVReviewImage1.jpg",  
        "images/gaming/GTAV/GTAVReviewImage2.jpg",
        "images/gaming/GTAV/GTAVReviewImage3.jpg",
        "images/gaming/GTAV/GTAVReviewImage4.jpg",
        "images/gaming/GTAV/GTAVReviewImage5.jpg",
        "images/gaming/GTAV/GTAVReviewImage6.jpg",
        "images/gaming/GTAV/GTAVReviewImage7.jpg"];
    var oImage   =  null;  
    var iIdx     =  0;  
    function play() {
        try {
        if (oImage===null) { oImage=window.document.getElementById("review-images"); }
        oImage.src  =  aImages[(++iIdx)%(aImages.length)];  
        setTimeout('play()',5000);  
        } catch(oEx) {
    }
}
</script>

这会改变此页面上的图像：每五秒钟

如何将图像过渡添加到它

更新：当我将-webkit转换添加到img标记时，什么都没有发生

---

谢谢。

有不同的方法。现在有一些非常酷的动画和过渡效果，很多人都去了CSS3。。。您可以使用javascript控制ccs3效果。有关详细的JavaScript或CSS教程检查

？请在询问之前先搜索谷歌。搜索图像转换css应该会给出很多例子。@putvande。我只是希望它也能工作。当你在图像中添加-webkit转换时，你是用CSS做的吗？你用什么浏览器测试？标记-重复问题