HTML照片輪換是一種很流行的網頁設計技術，可以讓網頁更加生動和有趣。下面是一段常用的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>上面的代碼中，定義了一個數組images，其中存放了需要輪換的圖片，還定義了一個index變量，用來記錄當前顯示的圖片下標。在rotateImage函數中，先將index加一，然后判斷是否超出數組長度，如果超出就將index設為0，然后通過document.getElementById("rotatingImage").src來修改img標簽的src屬性，從而實現圖片的輪換。最后使用setTimeout函數讓rotateImage函數每隔三秒自動執行一次，實現自動輪換的效果。