讚一個! Bluezz粉絲團
  • 計數器
  • 友善列印
  • 寄給朋友
  • facebook分享
  •  建立:2006-11-20  更新:2010-07-02
 

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


字體:
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 )
參考資料:
BLUEZZ 原創
本頁網址:http://bluezz.tw/c.php?id=371



讚一個! Bluezz粉絲團

留言討論區


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

標 題   ※必填
暱 稱  ※必填
E-Mail  
評 價  非常好普通非常差
內 容  
 確認碼  
 更換一組認證碼 ※必填不分大小寫