Re: [請益] 類似網路相簿功能

看板Ajax作者 (德)時間17年前 (2008/11/09 09:15), 編輯推噓0(002)
留言2則, 1人參與, 最新討論串1/1
※ [本文轉錄自 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 : 可以對應產生六個不同的視窗 : 同時要完成這兩點,不知要如何完成 : 上網查詢了很多,也沒找到會用的 : 不知道有無能人可以告知 : 應該如何做出這樣的效果呢? : 謝謝

11/08 12:24,
第一個動作可以用document.getElementById('b').src =
11/08 12:24

11/08 12:24,
this.src來作,第二個用JavaScript開新視窗之後把值寫入
11/08 12:24

11/08 12:25,
詳細的你可以查一下JavaScript的書XD
11/08 12:25

11/08 12:29,
是的我的第一步驟是用這個語法,但是我沒辦法讓
11/08 12:29

11/08 12:30,
B1~B6點擊下去可以產生不同的連結
11/08 12:30

11/08 12:30,
不知道該如何下指令
11/08 12:30

呼叫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

11/08 15:38,
既然你可以給img ID,那包在外面的<a>也可以阿
11/08 15:38
-- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 60.251.128.31

11/09 09:17, , 1F
抱歉,到這版再po一次,想了解更多、更完整的做法
11/09 09:17, 1F

11/09 09:17, , 2F
因為是javasript的初學者
11/09 09:17, 2F
文章代碼(AID): #195ZcuFA (Ajax)
文章代碼(AID): #195ZcuFA (Ajax)