2013-12-20 82 views
-2

过渡到图像我有这样的代码:添加在我的网站

<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标记时,没有任何反应。

谢谢。

+0

在JavaScript或CSS中? – putvande

+0

在SO上询问之前请先Google。搜索“图像转换CSS”应该举例说明。 –

+0

@putvande要么。我只是想让它工作。 – Chris

回答

0

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

+0

已标记 - 重复的问题 – JayD