任何人都能將假期的照片放在自己的網站上，但只有最酷的網路建構者會將他們設計成一場幻燈片秀。而且還不是那種簡單的一張照片一個HTML頁面的幻燈片，而是一個真正有動態感的幻燈片秀，每個影像都下載到同一個HTML頁面去。我們會教你如何使用Dynamic HTML (DHTML)和Cascading Style Sheets(CSS)去建立專屬你個人的幻燈片秀，讓你的朋友、家人和同事覺得更無聊，喔不！是印象更深刻。但是記住！因為這種幻燈片秀是用DHTML寫的，因此它只能在4.0以上更新的瀏覽器版本才能看到。
當然嘍，這種幻燈片秀也有嚴肅的用途。只是我們現在還沒想到而已。
步驟一
收集你已經準備好放在網路上的影像，而且將他們裁成相同的尺寸。確定尺寸範圍不超過640 x 480個像素，而且所有的相片的像素尺寸都要保持相同——如果照片尺寸大小不定，對觀眾而言會造成視覺上的不和諧。
步驟二
在你的頁首標籤裡，你首先要做的，就是在
步驟三
接下來立刻處理CSS的細節部分，還是在頁首標籤中插入JavaScript。在var numSLides =之後，設定要秀出的幻燈片數目（別設太多，因為每一張照片都會為網頁增加可觀的KB數）。我們的範例中有五張照片。以下是程式碼：
標籤來結束：
function setUp() {
if (!document.all) {
document.all = document;
for (i=1;i<=numSlides;i++) document.all[("image"+i)].
style=document.all[("image"+i)];
}
switchSlide(1);
}
function switchSlide(sDir) {
newSlide = currentSlide + sDir;
if (!newSlide) newSlide=numSlides;
if (newSlide > numSlides) newSlide=1;
document.all[("image"+newSlide)].style.visibility="visible";
document.all[("image"+currentSlide)].
style.visibility="hidden";
// 如果不要說明文字，請移除下一行:
document.all["captions"].document.forCaptions.captionsText.
value=captionTxt[newSlide];
currentSlide = newSlide;
}
//-->
注意那些靠近程式碼結尾的註解：如果你沒有說明文字，那麼就將它下面一行的文字移除。
步驟六
以關閉頁首標籤，然後將下列的程式碼，貼到網頁HTML檔案中的body部分。 請注意，程式碼以個別的
步驟七
觀眾必須以自己的步調來點選幻燈片，所以你得提供他們點按的東西。 。你可以使用簡單老式的超鏈接，但是若有特殊的Previous和Next的GIF點選按鈕，就精巧多了。樣本程式碼是使用一個table來連接next.gif和previuos.gif：
如果你不想用GIF檔來做Previous和Next點選按鈕，就用文字取代上面的標籤。
步驟八
最後，在