網頁製作-幻燈片展示效果
  類別:  網頁設計
  書號:  ACU059700
  作者:  鄧文淵 總監製/文淵閣工作室 編著
  回線上練功房

幻燈片播放程式,不僅設定上簡單,在影像與影像切換時可提供25 種的轉景特效,而且還具有互動的效果,控制展示的影像,是不是很心動呢?

以下是幻燈片展示擴充程式的基本資料:

1. 首先設定影像播放的預告內容:
1-1 選取「精選照片」單元中顯示的影像,於 屬性 面板確認輸入 ID:「slideshow」。
1-2 請選取 標籤選取器 的 <body> 再開啟 標籤檢視窗 \ 行為 面板,選按 + \FlevOOware \ Trans Slide Show \Trans Slide Show - Init。

1-3 影像播放的區域,選取圖片名稱為影像 "slideshow"。
1-4 設定圖片停留及轉場的時間,單位為毫秒
1-5 播放的方式,可選擇循環播放或是只播放一次,這裡設定循環播放。
1-6 核選此項可在網頁載入後即開始自動播放。

1-7 設定第一張圖片要轉景的特效,擴充程式提供了 25 種轉景的方法,選取 Randomfrom above,也就是隨機的由上方選取一種方式來轉景。
1-8 請按此鈕新增一張播放的圖片。
1-9 按 Browse 鈕選取 <images/selection/selection02.jpg> 為要播放的圖片。
1-10 設定相同的轉景特效:「Random fromabove」。

1-11 請使用相同的方法將要顯示的圖片加入到清單中,再按 確定 鈕完成設定。

2. 接著設定往前播放的圖片連結區:
2-1 請選取第一個圖片連結區,開啟 標籤檢視窗 \ 行為 面板,選按 + \FlevOOware \ Trans Slide Show \Trans Slide Show - Play。
2-2 影像播放的區域,選取圖片名稱為影像 "slideshow"。
2-3 播放的方式,設定向前播放
2-4 核選此項會自動播放。

2-5 確定 鈕後回 標籤檢視窗 \ 行為 面板設定 事件:onClick。

3. 接著設定往後播放的圖片連結區:
3-1 請選取第二個圖片連結區,開啟 標籤檢視窗 \ 行為 面板, 選按 + \FlevOOware \ Trans Slide Show \Trans Slide Show - Play。
3-2 影像播放的區域,選取圖片名稱為影像 "slideshow"。
3-3 播放的方式,設定向後播放
3-4 核選此項會自動播放。
3-5確定 鈕後回 標籤檢視窗 \ 行為 面板設定 事件:onClick。

4. 最後設定停止播放的圖片連結區:
4-1 請選取第三個圖片連結區,開啟 標籤檢視窗 \ 行為 面板, 選按 + \FlevOOware \ Trans Slide Show \Trans Slide Show - Stop。
4-2 影像播放的區域,選取圖片名稱為影像 "slideshow"。
4-3確定 鈕後回 標籤檢視窗 \ 行為 面板設定 事件:onClick。

5. 請選按功能表列 檔案 \ 儲存檔案,再按 F12 鍵預覽看看。
右方「精選照片」圖片的顯示開始進行幻燈片展示,也可以使用上方的連結區控制往前播放、往後播放或停止播放照片。

 

關於碁峰隱私權政策聯絡我們     檢視 : PC 版  手機版
碁峰資訊股份有限公司 GOTOP INFORMATION INC.
台北市南港區三重路66號7樓之6 / 7F.-6,No.66,Sanchong Rd.,Nangang District,Taipei
TEL:(02)2788-2408 FAX:(02)8192-4433 劃撥帳號:14244383
Copyright 2014© GOTOP Information Inc, All Rights Reserved 請勿任意連結、轉載