:::換圖變化6(濾鏡):::
範例 (四張圖片,三秒鐘自動替換)
 
                                  
A.貼在 <head> 這裡 </head>

可更改的部份:(都在 HTML 更改)

1. 圖片的檔名要事先依序編排數目。

3. 如果您的圖片有十張,路徑是「../img/img01.jpg」~「../img/img010.jpg」,只要在語法中輸入「...img[i].src = "../img/img0" +i + ".jpg";...」即可。

4. 「...obj.filters.item(0).transition=23;...」→ 圖片換場變化的樣式,從0~22,23是隨機變化,請參考「圖片-變化開啟圖片」。

5. 「...case 0 : trans(1); break;case 10 : trans(2); break;...」→ 有幾張圖片就依序編列。

                               
B.貼在 <body  這裡> ,要與 body 保持空格

                     
C.貼在 <body> 指定位置 </body>

可更改的部份:

1. 此段的圖片是在頁面的第一張圖片,之後的圖片都以此張圖片的尺寸為準。

2. 「...revealtrans(duration=1,transition=23)"...」→「 duration=1」換圖變化的速度,數目越大越慢。此段的「transition=23」似乎無作用,是以 A 段語法中的設定為準。

 --隨意玩網--語法練習--
△TOP