为了账号安全,请及时绑定邮箱和手机立即绑定

javascript 图片库的实现,显示客户想要查看的图片

javascript 图片库的实现,显示客户想要查看的图片

Xianyu0 2020-02-24 00:15:37
希望实现当点击图片链接的时候,能在当前页面显示该图片而不要跳转到新页面。不知道问题出在哪,希望有人帮忙瞅瞅,谢谢<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>
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 303 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号