2013-12-20 124 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