Question

我有这段代码：

<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>

更改此页面上的图片：http://chrisbrighton.co.uk/GTAV.php每五秒钟。

如何向其添加图像过渡？

更新：当我向-webkit-transition标记添加img时，没有任何反应。

感谢。

Answer 1

有不同的方法可以做到这一点。现在很多人都去了CSS3，有一些非常酷的动画和过渡效果......你可以使用javascript控制你的ccs3效果。有关详细的教程，请查看- controlling animations with javascript

添加到我网站上的图像转换

1 个答案: