saber 酱的抱枕

Fly me to the moon

03/9
2015
学习

用js给图片加上超链接

这个给图片加链接的功能,主要是实现点击图片时图片在新标签页打开的功能。这对于显示得比真实尺寸小的图片尤其有用。本站没有这个功能,现在自己写了出来。

    <script type="text/javascript">
    	window.onload=function  () {
    		var allImage=new Array();
    		allImage=document.getElementsByTagName("img");//获取页面的所有img标签
    		for (var i = allImage.length - 1; i >= 0; i--) {
    			var imgUrl=allImage[i].getAttribute("src");//获得当前图片的网址
    			allImage[i].addEventListener('click', function (event) {
				window.open(imgUrl); //给当前图片绑定click事件,在新标签页打开图片
					}, false);
    			}
    		};
    </script>

使用addEventListener给图片添加一个绑定事件,点击图片时会在新标签页中打开图片的URL。
Read More →

用js给图片加上超链接