Javascript轻松节制页面图片巨细
发布时间:2018-09-09 08:33:20 所属栏目:创业 来源:站长网
导读:本日Gonten在某CMS模板里发明一段很适用的代码,来分享一下。常常看到有些网页,由于图片太大,也没有节制图片巨细,导致页面错位,可能部门图片看不到。下面的这段代码将会办理这个题目。 代码如下: script type=text/javascript function ImgSize(){ var
本日Gonten在某CMS模板里发明一段很适用的代码,来分享一下。常常看到有些网页,由于图片太大,也没有节制图片巨细,导致页面错位,可能部门图片看不到。下面的这段代码将会办理这个题目。 代码如下: <script type="text/javascript"> function ImgSize(){ var obj =document.getElementById("Content").getElementsByTagName("img"); if(!obj) obj = document.images; for (i=0; i<obj.length; i++){ if (obj){ if (obj[i].width>666){ obj[i].width = 666; obj[i].style.width = 666; obj[i].title = "点击看大图"; obj[i].style.cursor = "pointer"; obj[i].border = 0; obj[i].onclick = function(e){window.open(this.src);} } } } } ImgSize() </script> 从代码可以看出,不只能将ID为content下高出666像素的图片缩小为600像素,也会自动为这图片添加该图片链接地点,并提醒“点击看大图”。内里的666可以改成其他得当的巨细,很利便。 (编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |