|
巧妙的幻灯片秀(2) 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;
}
//-->
</script>
注意那些靠近程序代码结尾的注解：如果你没有说明文字，那么就将它下面一行的文字移除。
步骤六
以</HEAD>关闭页首标签，然后将下列的程序代码，贴到网页HTML文件中的body部分。 注意，程序代码以个别的<DIV>标签区分每个影像，他们和正规的<IMG src>格式有关联：
<BODY onLoad="setUp()">
<B> Builder.com slide show!</B>
<DIV id="image5" class="slides"><IMG src="http://www.knowsky.com/fifth.jpg"></DIV>
<DIV id="image4" class="slides"><IMG src="http://www.knowsky.com/fourth.jpg"></DIV>
<DIV id="image3" class="slides"><IMG src="http://www.knowsky.com/third.jpg"></DIV>
<DIV id="image2" class="slides"><IMG src="http://www.knowsky.com/second.jpg"></DIV>
<DIV id="image1" class="slides"><IMG src="http://www.knowsky.com/first.jpg"></DIV>
步骤七
观众必须以自己的步调来点按幻灯片，所以你得提供他们点按的东西。。你可以使用简单老式的超链接，但是若有特殊的Previous和Next的GIF点选按钮，就精巧多了。样本程序代码是使用一个table来连接next.gif和previuos.gif：
<DIV style="position:absolute; top:350px; left:100px">
<A href="javascript:switchSlide(-1)"><IMG src="previous.gif" border=0></A>
<A href="javascript:switchSlide(1)"><IMG src="next.gif" border=0></A>
</DIV>
如果你不想用GIF文件来作Previous和Next点选按钮，用文字取代上面的<IMG>标签。
步骤八
| 
