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)" />


觀看範例


建立日期:2007-03-30 
更新日期:2010-07-02
參考資料:
BLUEZZ 原創