HTML幻燈效果是網頁設計中常使用的一種技術，讓頁面更加生動，吸引人眼球。下面介紹一個簡單的HTML幻燈效果代碼：

<div id="slider">
<img src="slide1.png" alt="Slide 1">
<img src="slide2.png" alt="Slide 2">
<img src="slide3.png" alt="Slide 3">
</div>
<script type="text/javascript">
var slider = document.getElementById("slider");
var slides = slider.getElementsByTagName("img");
var index = 0;
function slide() {
for (var i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
index++;
if (index >= slides.length) {
index = 0;
}
slides[index].style.display = "block";
setTimeout(slide, 2000);
}
slide();
</script>

以上代碼使用div包裹了三張圖片，并使用了JavaScript控制圖片輪換。在JavaScript代碼中，首先獲取了id為“slider”的div元素和其中的圖片元素，然后定義了輪換函數slide()。在此函數中，通過遍歷圖片元素將其display屬性全部設為“none”，然后將index（表示當前圖片位置）加1再判斷是否超出圖片數量，如果超出則將index設為0，最后將當前圖片的display屬性設為“block”。最后通過setTimeout定時器，設定每隔兩秒執行一次slide()函數，實現了圖片自動輪換的效果。