如何使用JavaScript寫圖片切換 ??贈20點

2010-04-04 8:28 am
請問大大們:

我想用JavaScript onclick change pic 圖片切換技術 設計網頁
我要在同一個網頁中放入粉多照片
其中一個圖片區是大圖片其他小圖片放於大圖片下方
當我按下小圖片 圖片會在大圖片區show 出
此動作皆再同一網頁完成 例如: 無名網站相簿瀏覽

而不是開新網頁show圖
所以希望各位高手大大可以幫我

並請是否可以說明如何放入HTML
萬分感謝!!!!!!

回答 (2)

2010-04-04 8:59 am
✔ 最佳答案
以下示範是入門方法

小圖區
<image src="http://www.mysite.com/image1-tn.jpg" oncick="showImage('http://www.mysite.com/image1.jpg')" />
<image src="http://www.mysite.com/image2-tn.jpg" oncick="showImage('http://www.mysite.com/image2.jpg')" />
<image src="http://www.mysite.com/image3-tn.jpg" oncick="showImage('http://www.mysite.com/image3.jpg')" />
大圖區
<img id="largeImage" src="http://www.mysite.com/image1.jpg" />

function showImage(url)
{
var img = document.getElementById("largeImage");
img.src = url;
}


收錄日期: 2021-04-26 13:17:34
原文連結 [永久失效]:
https://hk.answers.yahoo.com/question/index?qid=20100404000015KK00298

檢視 Wayback Machine 備份