首頁新北台北桃園新竹苗栗台中彰化
南投雲林嘉義台南屏東高雄花蓮台東
宜蘭澎湖金門基隆景點親子旅遊觀光工廠民宿旅館玩部落

photo_zz 自動播放照片程式範例 (javascript)

本頁QR
讚一個! Bluezz粉絲團

計數器 友善列印 寄給朋友
  • 相關標籤 javascript  bluezz  
     
    
    字體:
    photo_zz 自動播放照片程式範例 (javascript)
    // ABOUT
    // ==================================================
    // photo_zz.js
    // 自動播放照片
    // made by zenon blue,October 2006
    // http://bluezz.tw/c.php?id=371
    // service@bluezz.com.tw
    // Copyright 2006 by bluezz
    // ==================================================

    =====修改記錄=====
    v0.5 2006/10/15
       初步完成
    v0.6 2006/10/19
       修正手動上一張下一張常無法顯示
    v0.7 2006/11/19
       修正網路過慢或圖檔過大時無法顯示轉場效果
       附加PSD原始檔

    =====功能說明=====
    ◎可自動或手動播放圖片的JavaScript程式
    ◎含速度控制項、濾鏡控制項、播放控制項模可嵌入網頁中
    ◎自動播放功能適用於IE與Firefox,濾鏡功能僅適用於IE

    =====設定說明=====
    1.在<head>與</head> 崁入 photo_zz.js
    ex:
    <script language="javascript1.3" type=text/javascript src="tools/photo_zz.js"></script>

    2.修改javascript的全域參數符合自己網站需要
    ex:
    var msgImg = "這是灰弟照片集";

    3.在body裡加入onLoad="initImg();setImg();"
    ex:
    <body onLoad="initImg();setImg();">

    4.網頁排版呼叫對應的函數
    setAuto(); //自動播放
    stopImg(); //暫停
    nextImg(); //下一張
    backImg(); //上一張
    setSpeedOpt(); //速度控制項
    setTransOpt(); //效果控制項
    setReplayOpt(); //播放控制項
    ex:
    <a href="javascript:void(0);" onClick="setAuto();">自動播放</a>

    =====授權說明=====
    ◎可自由使用,但photo_zz.js需保留ABOUT註解

    範例:
    http://bluezz.tw/works/photo_zz/


    filephoto_zz_0.5.zip
    ( )
    filephoto_zz_0.6.zip
    ( )
    filephoto_zz_0.7.zip
    ( 203.6 KB , MD5:d9c32315f45e6582da8f9a7b150275b3 )
    建立日期: 2006-11-20  更新日期:2010-07-02
    參考資料:
    BLUEZZ 原創
    本頁網址:http://bluezz.tw/c.php?id=371
    bluezz調色盤 (javascript)
    menu_zz選單 (javascript)

    簡單符合SEO的垂直跑馬燈範例(javascript)
    ajaxItem_zz內容即時更新範例(AJAX)
    AJAX&PHP 影像確認碼範例 imageCheck_zz
    讚一個! Bluezz粉絲團

    留言討論區

    [1] 共1頁 1筆
    ↓8940樓
     標 題  Re:photo_zz 自動播放照片程式範例 (javascript)
     暱 稱
     醜醜腳
    時間:2010-05-03 16:50:58 來自:163.30.109.xxx
    1.如何將這個這麼棒的播放器使用在我的網頁呢?
    2.是不是將index的原始碼貼在我的網頁呢?(我用這樣的方法試)
    3.為什麼我的照片只有一張,不會有轉換的效果?
    請版大指教,謝謝!

    [1] 共1頁 1筆
     標 題  
     暱 稱  
     E-Mail  
     內 容  
     確認碼  
     更換一組認證碼
    停留時間: