翻譯
分類
檔案

JavaScript的圖像旋轉

我創建這個 JavaScript圖像旋轉來解決問題是我的一個客戶有上週在其網站上。

第一步是創建一個空的div的圖像可以被加載到。 最簡單的方法來訪問一個特定的分區從 JavaScript是確保有一個 id的div,並獲得通過引用的div的div的id這樣:

變種 bannerHolder =的document.getElementById('bannerHolder');

一旦你已經創建了分區,並有一種方法來引用它通過 JavaScript,您將需要創建一個陣列的圖像的URL循環。

變種 bannerArray =新的Array();
變種 currentImage = 0;
 bannerArray = ['http://www.noobflash.com/wp-content/themes/LemonPress/images/JavaScriptImageRotator/google.jpg','http://www.noobflash.com/wp-content/themes/LemonPress/圖像 / JavaScriptImageRotator / yahoo.jpg','http://www.noobflash.com/wp-content/themes/LemonPress/images/JavaScriptImageRotator/msn.jpg'];

配合這件代碼一起使用的setInterval創建定時輪換,你有你的圖像旋轉。 獲得完整的代碼使用以下鏈接:

得到完整的代碼

一對“JavaScript的圖像旋轉”

留下一個回复