網(wǎng)站建設(shè)是指使用標(biāo)識語言（markup language)，通過一系列設(shè)計(jì)、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網(wǎng)頁設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標(biāo)示語言、可擴(kuò)展超文本標(biāo)記語言等標(biāo)示語言放置到網(wǎng)站頁面上。

　　下面，我要開始最為核心的部分了，就是編寫javascript程序了。我們的思路是，可以定義一組圖片（若干張），當(dāng)頁面出現(xiàn)時(shí)先顯示第一張圖片，并預(yù)載入第二張圖片，第一張圖片載入后5秒鐘，如果第二張圖片也載入了，我們就開始自動切換到第二張圖片，此時(shí)并預(yù)載入第三張圖片，如果5秒鐘內(nèi)我們載入了第三張圖片，就自動切換到第三張圖片，如此播放下去直到最后一張又從頭開始。當(dāng)然，這是自動播放的了。我們還允許用戶手動進(jìn)行向前和向后的播放。 

　　首先，我們要解決的問題是圖片的預(yù)載入，因?yàn)檫@決定了切換過程的流暢性和播放過程的完美性。要預(yù)載入一幅圖片很簡單，我們只要在內(nèi)存中新建一個(gè)圖片的實(shí)例變量，并把該變量指向一幅圖片，這樣，我們的瀏覽器便會自動載入這幅圖片的，這就是圖片的預(yù)載入。用javascript寫出來就是下面這個(gè)樣子： 

　　　　　　var myImage = new Image()
　　　　　　myImage.src = "someImage.gif" 

　　然后，我們還要知道，圖片是否載入了嗎？如果載入了，我們就顯示，如果沒載入，那么就要出錯(cuò)了。于是我們還要改一下上面的代碼，在其中加入兩條語句，所以，這段JavaScript就變成下面的樣子了： 

　　　　　　var img = new Image() 
　　　　　　img.onload = doReadyImage 
　　　　　　img.onerror = doErrorDisplay 
　　　　　　img.src = "someImage.gif" 

　　我們加入了圖片的onload和onerror事件，分別代表是否預(yù)載和預(yù)載出錯(cuò)的事件。這兩條句語必需在img.src語句的前面。否則的話，圖片預(yù)載就會出錯(cuò)。 

　　最后就是我們的圖片切換程序了，在前面，我們復(fù)習(xí)了CSS中Filter轉(zhuǎn)換濾鏡的各種效果，這里我們用代號為23的隨機(jī)效果，下面，是我們?yōu)樵贗E中這種效果所寫的JavaScript程序： 

if (document.images.slideShow.filters) 
{ 
　　document.images.slideShow.filters[0].Stop() 
　　document.images.slideShow.filters[0].Apply() 
　　// 使用隨機(jī)的轉(zhuǎn)換效果
　　document.images.slideShow.filters.revealTrans.transition=23 
}

document.images.slideShow.src = sSource 
// 開始進(jìn)行轉(zhuǎn)換效果的執(zhí)行 
if (document.images.slideShow.filters) 
　　　　document.images.slideShow.filters[0].Play()