作者GuCD (德)
看板Ajax
標題Re: [請益] 類似網路相簿功能
時間Sun Nov 9 09:15:35 2008
※ [本文轉錄自 Web_Design 看板]
作者: GuCD (德) 看板: Web_Design
標題: Re: [請益] 類似網路相簿功能
時間: Sat Nov 8 13:24:10 2008
※ 引述《GuCD (德)》之銘言：
: 請問一個問題
: 如果我想做一個圖片效果
: 一開始的頁面是這樣
: A1 A2
: B1 A3 A4
: A5 A6
: B是指放大圖 A1～A6是六張不同的小圖
: B1是預先放置在版面上
: 我希望可以做到的是
: 在滑鼠經過A1～A6時
: B1可以對應產生
: B1～B6的放大圖
: 同時，點選B1～B6
: 可以對應產生六個不同的視窗
: 同時要完成這兩點，不知要如何完成
: 上網查詢了很多，也沒找到會用的
: 不知道有無能人可以告知
: 應該如何做出這樣的效果呢？
: 謝謝
1F：推 Kelunyang:第一個動作可以用document.getElementById('b').src =11/08 12:24
2F：→ Kelunyang:this.src來作，第二個用JavaScript開新視窗之後把值寫入11/08 12:24
3F：→ Kelunyang:詳細的你可以查一下JavaScript的書XD11/08 12:25
4F：→ GuCD:是的我的第一步驟是用這個語法，但是我沒辦法讓11/08 12:29
5F：→ GuCD:B1～B6點擊下去可以產生不同的連結11/08 12:30
6F：→ GuCD:不知道該如何下指令11/08 12:30
7F：推 Kelunyang:呼叫function之後把值代入
感謝K大的說明，但是還是有不解之處
就是說，
我目前的作法是
<script type="text/javascript">
<!--
function enlarge(file){
document.getElementById('iBIG').src=file;
}
-->
</script>
<body>
<a href="C1">
<img name="iBIG" id="iBIG" src="B1 />
-------------------------------------------------------
<a href="javascript://" onmouseover="enlarge('B2');">
<img src="A2" /></a>
.....................................以此類推
但是現在的問題是
我在小圖換到大圖中都沒問題，就是A1對應B1、A2對應B2......
可是在大圖上的超連結
就是不管出現的圖是B1、B2、B3....
都只會連結到C1
不知道如何克服？
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 60.251.128.31
8F：推 mickfang:既然你可以給img ID，那包在外面的<a>也可以阿 11/08 15:38
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 60.251.128.31
9F：→ GuCD:抱歉，到這版再po一次，想了解更多、更完整的做法 11/09 09:17
10F：→ GuCD:因為是javasript的初學者 11/09 09:17