Bluezz旅遊筆記本

讚一個! Bluezz粉絲團
  • 計數器
  • 寄給朋友
  • facebook分享
  •  建立:2007-03-30  更新:2010-07-02
 

photoCh簡單的照片更換範例


相關標籤 javascript  bluezz  

字體:
photoCh簡單的照片更換範例
簡單的照片更換範例,原理是利用javascript動態更新照片
優點是和Ajax原理一樣是採用區部更新的方式,不用下載全部網頁
make by bluezz
http://bluezz.tw/mybook/content.php?id=663

使用方式:
1.準備圖片,每張大圖都對一張小圖

2.在<head></head>之間加入函數
ex:
<
script language="javascript">
<!--
function phothCh(a,b){
b.src=a;
}
-->
</script>

3.設定大圖,在欲出現的位置加入大圖,記得定義name
ex:
<img src="images/1.jpg" name="fImg"/>

4.設定小圖,每張小圖src=小圖位置,="phothCh('大圖的位置',剛剛設定大圖的name)"
ex:
<img src="images/1a.jpg" onMouseOver="phothCh('images/1.jpg',fImg)" />


觀看範例

參考資料:
BLUEZZ 原創
本頁網址:http://bluezz.tw/c.php?id=663



讚一個! Bluezz粉絲團

留言討論區


↑12887樓
 標 題  Re:photoCh簡單的照片更換範例
 暱 稱
 liang
時間:2011-04-21 22:46:30 來自:59.113.155.xxx
如果要多加個文字說明不知道要如何寫

↑4989樓
 標 題  Re:photoCh簡單的照片更換範例
 暱 稱
 rere
時間:2009-04-16 22:33:49 來自:219.84.18.xxx
這個能作上傳功能嗎

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