javascript 图片库的实现，显示客户想要查看的图片
希望实现当点击图片链接的时候，能在当前页面显示该图片而不要跳转到新页面。
不知道问题出在哪，希望有人帮忙瞅瞅，谢谢
<script >
window.onload=function(){
var oUl= document.getElementById('ul1');
var oLi= oUl.getElementsByTagName('li')[0];
var oA= oLi.getElementsByTagName('a')[0];
function showPic(whichpic){
var source = whicpic.getAttribute("href");
var placer =document.getElementById('opic');
placer.setAttribute("src",source);
}
for(var i=0;i<oA.length;i++){
oA[i].onclick=function(){
showPic(this);
return false;
}
}
};
<body>
<h1> Snapshot</h1>
<ul id="ul1">
<li><a href="1.jpg" >Dog</a></li>
<li><a href="2.jpg" >Hurt</a></li>
<li><a href="3.jpg" >Plane</a></li>
<li><a href="4.jpg" >Car</a></li>
</ul>
<img id="opic" src="head.jpg" alt="my image gallery"/>
</body>
Xianyu0浏览 304回答 1
1回答
随时随地看视频慕课网APP
相关分类
JavaScript