HTML照片輪換是一種很流行的網(wǎng)頁設(shè)計技術(shù),可以讓網(wǎng)頁更加生動和有趣。下面是一段常用的HTML照片輪換代碼,可以作為參考:
<html> <head> <script type="text/javascript"> var images=["pic1.jpg","pic2.jpg","pic3.jpg","pic4.jpg","pic5.jpg"]; var index=0; function rotateImage(){ index++; if(index==images.length){ index=0; } document.getElementById("rotatingImage").src=images[index]; setTimeout("rotateImage()",3000); } window.onload=rotateImage; </script> </head> <body> <img id="rotatingImage" src="pic1.jpg" alt="rotating image" /> </body> </html>
上面的代碼中,定義了一個數(shù)組images,其中存放了需要輪換的圖片,還定義了一個index變量,用來記錄當(dāng)前顯示的圖片下標。在rotateImage函數(shù)中,先將index加一,然后判斷是否超出數(shù)組長度,如果超出就將index設(shè)為0,然后通過document.getElementById("rotatingImage").src來修改img標簽的src屬性,從而實現(xiàn)圖片的輪換。最后使用setTimeout函數(shù)讓rotateImage函數(shù)每隔三秒自動執(zhí)行一次,實現(xiàn)自動輪換的效果。