小弟有一个关于javascript的功能不知道怎么实现，是个新手，望哪位大侠指点(我用的DW做的)
具体要实现的是链接和图片显示在同一个网页上，点击不同的链接，切换不同的图片。我的html代码：<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0...
具体要实现的是链接和图片显示在同一个网页上，点击不同的链接，切换不同的图片。
我的html代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Image Gallery</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<script type="text/javascript" src="showPic.js"></script>
</head>
<body>
<h1>Pictures</h1>
<ul>
<a href="butterfly.jpg?id=1" title = walle1>Butterfly</a>
<a href="car.jpg?id=2" title = walle1>Car</a>
<a href="coffee.jpg?id=3" title = walle1>Coffee</a>
<a href="coral.jpg?id=4" title = walle1>Coral</a>
<a href="plum flower.jpg?id=5" title = walle1>Flower</a>
</ul>
<img id="placeholder" src="placeholder.gif" alt="my image gallery"/>
<p id="description">Choose an image.</p>
</body>
</html>
我的javascript代码：
var $ =function(id){
return document.getElementById(id);
}
var pictureLink=$("placeholder");
if(){
pictureLink.href="butterfly.jpg";
}
else if(){
pictureLink.href="car.jpg";
}
else if(){
pictureLink.href="coffee.jpg";
}
else if(){
pictureLink.href="coral.jpg";
}
else if(){
pictureLink.href="plum flower.jpg";
}
我的script只能先写成这样，缺失的部分不知道怎么加了。。 展开
我的html代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Image Gallery</title>
<link rel="stylesheet" type="text/css" href="main.css" />
<script type="text/javascript" src="showPic.js"></script>
</head>
<body>
<h1>Pictures</h1>
<ul>
<a href="butterfly.jpg?id=1" title = walle1>Butterfly</a>
<a href="car.jpg?id=2" title = walle1>Car</a>
<a href="coffee.jpg?id=3" title = walle1>Coffee</a>
<a href="coral.jpg?id=4" title = walle1>Coral</a>
<a href="plum flower.jpg?id=5" title = walle1>Flower</a>
</ul>
<img id="placeholder" src="placeholder.gif" alt="my image gallery"/>
<p id="description">Choose an image.</p>
</body>
</html>
我的javascript代码：
var $ =function(id){
return document.getElementById(id);
}
var pictureLink=$("placeholder");
if(){
pictureLink.href="butterfly.jpg";
}
else if(){
pictureLink.href="car.jpg";
}
else if(){
pictureLink.href="coffee.jpg";
}
else if(){
pictureLink.href="coral.jpg";
}
else if(){
pictureLink.href="plum flower.jpg";
}
我的script只能先写成这样，缺失的部分不知道怎么加了。。 展开
2个回答
展开全部
何苦搞到如此复杂?
在你的连接中的title里写上图片的地址
然后把所有的连接都写上触发的方法
如:
<a href="#" title = car.jpg onclick="javascript:showPic(this,document.getElementById('placeholder'))">Car</a>
function showPic(obj1,obj2){
obj2.setAttribute("src",obj1.title);
}
在你的连接中的title里写上图片的地址
然后把所有的连接都写上触发的方法
如:
<a href="#" title = car.jpg onclick="javascript:showPic(this,document.getElementById('placeholder'))">Car</a>
function showPic(obj1,obj2){
obj2.setAttribute("src",obj1.title);
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这段代码放在网页下方即可
var placeholder = document.getElementById("placeholder");
var list = document.getElementsByTagName("a");
for(var i = 0;i<list.length;i++){
list[i].onclick = function(){
placeholder.src = this.href;
return;
}
}
var placeholder = document.getElementById("placeholder");
var list = document.getElementsByTagName("a");
for(var i = 0;i<list.length;i++){
list[i].onclick = function(){
placeholder.src = this.href;
return;
}
}
追问
不好意思，这段代码放进去不奏效，图片显示还是要切换网页，我要做的是不切换网页，只切换图框里的图片
追答
你把return改成return false吧，我写掉了一个false
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
