字型選擇 A A A






Electrial Commerce Professional
EZeShop
Lead you out the Technology Forest
  首頁 » 商品目錄 » 免費模組與服務 » FREE23 登入  |  新舊首頁切換  |  我的帳號  |  購物車內容  |  結帳   

osCommerce 網站投影片
[FREE23]

NT$0
| 產品諮詢| 推薦這個商品給親友| 連結EZeShop |


網站首頁是客戶接觸的第一印象所在,適當的美工設計可以加深客戶的印象。如上面所展示的,本程式使用Prototypescript.aculo.us等Ajax類別函數庫,利用JavaScript語言製作出投影片播放的效果,可以讓相片或廣告文宣用動態的方式在首頁呈現。
只要簡單設定文宣或相片檔的連結位置,就可以輕鬆做出專業的效果。協助網路商店的老闆,打造 osCommerce 網站的專屬風格。
本程式執行時,會依照設定載入投影片圖檔,當首張投影片(不一定是順序的第一張)載入完成後,會先展示該張投影片,然後等下張投影片載入完成後才開始輪流播放,並以設定的切換效果(淡出、捲動、放射)來呈現。不會出現載入一半的圖檔,以維持投影片播放的美觀。

程式下載(big5版)    程式下載(utf8版)

安裝方法

  1. 將檔案解壓縮後,把下列檔案放到相對應的資料夾
    catalog/includes/modules/webslide_osc.php
    catalog/includes/effects.js
    catalog/includes/prototype.js
    catalog/images/infobox/btn_backward.jpg
    catalog/images/infobox/btn_forward.jpg
    catalog/images/infobox/btn_go.jpg
    catalog/images/infobox/btn_stop.jpg
    catalog/images/infobox/webslide-logo.jpg
  2. 依照要擺放網站投影片的位置,修改首頁程式 catalog/index.php 的內容。倘若要放在首頁歡迎光臨的文字之下,先尋找下列程式段落,大約在程式的300行左右

    <tr>
    <td class="main"><?php echo tep_customer_greeting(); ?></td>
    </tr>
    <tr>
    <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
    </tr>

    然後把下列程式碼加到尋找到的程式段落後面

    <tr>
    <td><?php include(DIR_WS_MODULES . 'webslide_osc.php'); ?></td>
    </tr>
    <tr>
    <td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
    </tr>

  3. 用文字編輯器(如記事本)開啟新複製的檔案 catalog/includes/modules/webslide_osc.php ,依據下面的程式參數說明,修改網站投影片的展示方式,修改後存檔即完成安裝。
程式參數說明

/* setting area */
$wsFrameWidth=550; //顯示區寬度
$wsFrameHeight=300; //顯示區高度
$wsFrameBackgroundColor='black'; //顯示區背景顏色
$wsFrameBackgroundImage=DIR_WS_IMAGES.'infobox/webslide-logo.jpg'; //顯示區背景圖片
$wsButtonStop=DIR_WS_IMAGES.'infobox/btn_stop.jpg'; //暫停按鈕圖案
$wsButtonGo=DIR_WS_IMAGES.'infobox/btn_go.jpg'; //播放按鈕圖案
$wsButtonForward=DIR_WS_IMAGES.'infobox/btn_forward.jpg'; //下一張按鈕圖案
$wsButtonBackward=DIR_WS_IMAGES.'infobox/btn_backward.jpg'; //前一張按鈕圖案
$wsMouseStop=0; //是否滑鼠靠近暫停播放 0:不暫停 1:暫停
$wsInterTime=3; //投影片停留秒數
$wsAppearEffect=1; //投影片顯示特效 0:無 1:淡入(FadIn) 2:捲下(BlindDown) 3:放射(Grow)
$wsDisappearEffect=1; //投影片消失特效 0:無 1:淡出(FadOut) 2:捲上(BlindUp) 3:收縮(Shrink)
/* 投影片內容陣列 */
$wsImageArray[]='http://www.ezeshop.com.tw/ezeshop/images/school-01.jpg';
$wsImageArray[]='http://www.ezeshop.com.tw/ezeshop/images/school-02.jpg';
$wsImageArray[]='http://www.ezeshop.com.tw/ezeshop/images/school-03.jpg';
/* 投影片連結陣列 */
$wsLinkArray[]='http://www.ezeshop.com.tw/ezeshop/images/school-01.jpg';
$wsLinkArray[]='http://www.ezeshop.com.tw/ezeshop/images/school-02.jpg';
$wsLinkArray[]='http://www.ezeshop.com.tw/ezeshop/images/school-03.jpg';
/* setting area end */

$wsFrameWidth及$wsFrameHeight這兩個變數控制網站投影片顯示區的寬度與高度,程式會自動將放映投影片的寬高縮小,以符合顯示區的寬度與高度設定。
$wsFrameBackgroundColor變數控制顯示區的背景顏色,可以用文字或HTML的顏色編碼來指定。
$wsFrameBackgroundImage變數設定顯示區的背景圖網址,該背景圖會在顯示區的中央位置出現,而且會以原圖大小顯示,因此使用時要注意不要使用比顯示區還大的圖做為背景。投影片在切換時會看到背景,可以把網站的標誌圖做背景圖加深客戶印象。上例中的DIR_WS_IMAGES是osCommerce的商品圖檔資料夾的網址,如果所要做為背景的圖檔不在商品圖檔資料夾,則將此變數直接設定為該背景圖的網址字串。
$wsButtonStop及$wsButtonGo分別設定暫停及播放兩個按鈕圖檔的網址,如果設定為空字串,則該按鈕就不顯示。
$wsButtonForward及$wsButtonBackward則是設定下一張及前一張兩個按鈕圖檔的網址,如果設定為空字串,則該按鈕就不顯示。使用者按下這兩個按鈕時,撥放也會停止。
$wsMouseStop變數是定當滑鼠靠近投影片時,是否要暫停播放。
$wsInterTime變數設定投影片停留的秒數。
$wsAppearEffect及$wsDisappearEffect分別設定投影片切換時,出現及消失所使用的特效。
$wsImageArray是陣列變數,存放要播放的投影片圖檔網址,陣列的元素數量沒有限制,可以把程式裡面預設的圖片網址換成你要播放的圖片,也可以增加投影片的數量。
$wsLinkArray是陣列變數,存放投影片的連結網址,當客戶用滑鼠點投影片,就會連結到這個網址,如果沒有投影片的連結網址,就把相對應的陣列元素設為空字串。

移除方法
刪除掉新的網站投影片程式,把原來備份的程式改回原來的名字,即恢復為原來的網站首頁。

更換控制按鈕
網站投影片控制按鈕,可以由站長自行替換圖檔,站長可以自行設計按鈕圖檔,或使用我們提供的4種圖檔選擇,下列圖檔連結就是新的按鈕圖壓縮檔位置,以滑鼠點選按鈕圖下載檔案後解壓縮,放到 catalog/images/infobox 資料夾之中,替換掉原來的圖檔,就可以更換控制按鈕圖案.


補充說明
由於網站投影片使用本站主機的 JavaScript 程式,因此可能受到本站主機網路流量的影響,同時在網站投影片顯示區底下,會出現本站的標籤,此點預先說明,請要使用本程式的網友自行斟酌.
如果你還是覺得有需要,可以付費取得獨立執行且不顯示EZeShop標籤的版本,請利用產品諮詢洽商相關細節。請不要直接掩蓋或將連結的JavaScript程式下載修改去掉標籤,如此將違反本軟體的使用規定。

目前的商品評論: 1
本商品上架日期:2006年11月10日星期5.
評價