作者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