幻燈圖像

圖像一 圖像二 圖像三 圖像四 圖像五 圖像六

這是個出色的幻燈播放腳本，並且很容易安裝。可采用三種方式來觀賞圖像：自動循環、前進或後退按鈕、從拉下選項目錄作選擇。

安裝：

步驟一  拷貝以下腳本後貼在有關網頁的 HEAD 之中。

    
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs) current = 0; function next() { if (document.slideform.slide[current+1]) { document.images.show.src = document.slideform.slide[current+1].value; document.slideform.slide.selectedIndex = ++current; } else first(); } function previous() { if (current-1 >= 0) { document.images.show.src = document.slideform.slide[current-1].value; document.slideform.slide.selectedIndex = --current; } else last(); } function first() { current = 0; document.images.show.src = document.slideform.slide[0].value; document.slideform.slide.selectedIndex = 0; } function last() { current = document.slideform.slide.length-1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; } function ap(text) { document.slideform.slidebutton.value = (text == "停止") ? "開始" : "停止"; rotate(); } function change() { current = document.slideform.slide.selectedIndex; document.images.show.src = document.slideform.slide[current].value; } function rotate() { if (document.slideform.slidebutton.value == "停止") { current = (current == document.slideform.slide.length-1) ? 0 : current+1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; window.setTimeout("rotate()", rotate_delay); } } // End --> </script>

步驟二  拷貝以下代碼貼於有關網頁的 BODY 范圍內您需要展示幻燈圖像的部位。 唯一需要調整的是圖像的 文件名以及圖像標題。 注：盡管這個幻燈播放程式可以隨意調整圖像面積大小，但為了美觀和順暢，最好使用一律的，並且不大於300 x 300 像素的圖像。

<center>
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="#C0C0C0">
<font color="#000000"><b>幻燈圖像</b></font>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="tx1.jpg" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="tx1.jpg" selected>圖像一
<option value="tx2.jpg">圖像二
<option value="tx3.jpg">圖像三
<option value="tx4.jpg">圖像四
<option value="tx5.jpg">圖像五
<option value="tx6.jpg">圖像六
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="開始" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
</center>