藍色TV框換相片語法及說明...

2005123110:00
感謝小尾媽咪的分享!!

說明:
一、本語法是結合風箏媽咪的首頁換相片語法和咕嚕媽咪的TV框語法,並經Sue媽咪修改後完成。請先至風箏媽咪及咕嚕媽咪家筆記本裏看看更詳細的說明。
http://www.babyhome.com.tw/note.php?mid=25&op=detail&lno=81555773&no=152255 http://www.babyhome.com.tw/calendar/0,o1de,mid16515,cid1567455.htm


二、請將整段語法複製,要更改的地方共四處:圖一網址、圖二網址、圖片檔名1、圖片檔名前幾個共用字。

三、圖一網址及圖二網址 是指從咕嚕媽咪家下載的TV框的上半部及下半部上傳到檔案夾的網址.例如
<img src="http://bb5.babyhome.com.tw/UPLOAD?/433??/t-tv3-top.gif"
<img src="http://bb5.babyhome.com.tw/UPLOAD?/433??/t-tv3-bottom.gif"
可至檔案夾TV框圖檔位置按右鍵複製捷徑貼上(http://www.babyhome.com.tw可省略不寫)

四、<IMG ID=gazo1 SRC="圖片檔名1" 是指要換相片的第一張相片檔名(相片都要上傳到檔案夾)
例如:<IMG ID=gazo1 SRC="http://bb5.babyhome.com.tw/UPLOAD?/443??/a1.jpg"

五、gazo1.src="圖片檔名前幾個共用字"+i+".jpg";
我們不是把相片檔都取名為a1 a2 a3 a4 a5....嗎?
那所謂的圖片檔名前幾個共用字,就是寫到a就好,後面的1234不要
例如:gazo1.src="http://bb5.babyhome.com.tw/UPLOAD?/433??/a"+i+".jpg";

六、語法裡有二處數字是8的
if(i<8){
gazo1.filters.revealTrans.Transition=8*i-i;
那是因為我擺了8張照片,如果媽咪是擺4張,那那二個8就要改成4.

七、我的相片是直式的,寬225,高300,如果各位媽咪是橫式的照片,那可能就要把下面的寬和高的數值改掉,這個我就不清楚了.
STYLE="filter:revealTrans(duration=3.0)" width="225"
height="300">

八、window.setTimeout("revealTr()",5000);
其中5000是指換照片的速度,如果覺得速度太慢,可改成4000 or 3000 or....各位媽咪自己去試(我覺得改成4000比較剛好)

九、語法要貼在首頁歡迎詞裏面.
本語法有時會和其他語法相衝突,如果發現相片只能換二張,那就把其他的語法拿掉試試看,應該就可以正常了。

十、因為我對語法也是外行,這個語法純粹是我土法煉鋼刪刪減減試出來的,如果各位媽咪把語法整個拷貝,把圖一圖二網址和圖片檔名改成自己的,應該就會有和我的TV框一模一樣的效果,但如果要做其他變化,我就不會了。我是建議各位媽咪,先求有再求好,先照這個語法跑成功了,再自己慢慢去實驗作其他變化。

語法如下:

<table border="0" cellpadding="0"
cellspacing="0"><tr><td colspan="3">
<img src="圖一網址" width="365" height="96"></td></tr>
<tr><td width="25" bgcolor="#175fad"></td><td width="314" bgcolor="#ccffff">
<center><font color="000000" face="MS UI GOthic" size="2">
<img id=gazo1 src="圖片檔名1"
style="filter:revealTrans(duration=3.0)" width="225"
height="300">

<script language="JavaScript">
<!--
var i=1;
revealTr();
function revealTr(){
if(i<8){
i++;
}
else{
i=1;
}
gazo1.filters.revealTrans.Apply();
gazo1.filters.revealTrans.Transition=8*i-i;
gazo1.src="圖片檔名前幾個共用字"+i+".jpg";
gazo1.filters.revealTrans.Play();
window.setTimeout("revealTr()",5000);
}
//-->
</script></font>
</center></td>
<td width="26" bgcolor="#175fad"></td></tr>
<tr><td colspan="3"><img src="圖二網址" width="365" height="79"></td></tr></table>