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/



建立日期:2006-11-20 
更新日期:2010-07-02
參考資料:
BLUEZZ 原創