所有图片自动缩放并点击放大

本文介绍了一段用于网页中使图片能够自适应显示的JavaScript脚本代码。该脚本通过遍历页面上的所有图片元素,根据设定的阈值调整图片大小,确保良好的视觉效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!--放在底部-->
<script language="JavaScript">
var imgObj;
for(i = 0; i < document.all.length; i++)
{
if(document.all(i).tagName.toLowerCase()=="img")
{
imgObj 
= document.all(i) //建议只判断高度或者宽度其中一个,那样可以自动按比例缩放 
if (imgObj.width >500//判断图片的高度,如果大于500,则设置为500,值可以自己修改

imgObj.width
=500 
imgObj.style.cursor
='hand';
imgObj.alt
='点击查看大图';
imgObj.onclick
=Function("window.open(this.src)");
}
 
//if (imgObj.height >700) //判断图片的宽度,如果大于700,则设置为700,值可以自己修改
//

//
imgObj.height=700 
//

}

}

</script> 

 
分级目录: │ demo.html │ demo2.html │ demo3.html │ demo4.html │ demo5.html │ ├─css_pirobox │ │ css.css │ │ │ ├─demo1 │ │ ajax-loader.gif │ │ b_c.png │ │ b_l.png │ │ b_r.png │ │ close_btn.png │ │ close_btn_h.png │ │ c_l.png │ │ c_r.png │ │ link_out.png │ │ link_out_h.png │ │ next.png │ │ next_h.png │ │ pause.png │ │ pause_h.png │ │ play.png │ │ play_h.png │ │ prev.png │ │ prev_h.png │ │ style.css │ │ t_c.png │ │ t_l.png │ │ t_r.png │ │ │ ├─demo2 │ │ ajax-loader.gif │ │ b_c.png │ │ b_l.png │ │ b_r.png │ │ close_btn.png │ │ close_btn_h.png │ │ c_l.png │ │ c_r.png │ │ link_out.png │ │ link_out_h.png │ │ next.png │ │ next_h.png │ │ pause.png │ │ pause_h.png │ │ play.png │ │ play_h.png │ │ prev.png │ │ prev_h.png │ │ style.css │ │ t_c.png │ │ t_l.png │ │ t_r.png │ │ │ ├─demo3 │ │ ajax-loader.gif │ │ b_c.png │ │ b_l.png │ │ b_r.png │ │ close_btn.png │ │ close_btn_h.png │ │ c_l.png │ │ c_r.png │ │ link_out.png │ │ link_out_h.png │ │ next.png │ │ next_h.png │ │ pause.png │ │ pause_h.png │ │ play.png │ │ play_h.png │ │ prev.png │ │ prev_h.png │ │ style.css │ │ t_c.png │ │ t_l.png │ │ t_r.png │ │ │ ├─demo4 │ │ ajax-loader.gif │ │ b_c.png │ │ b_l.png │ │ b_r.png │ │ close_btn.png │ │ close_btn_h.png │ │ c_l.png │ │ c_r.png │ │ link_out.png │ │ link_out_h.png │ │ next.png │ │ next_h.png │ │ pause.png │ │ pause_h.png │ │ play.png │ │ play_h.png │ │ prev.png │ │ prev_h.png │ │ style.css │ │ t_c.png │ │ t_l.png │ │ t_r.png │ │ │ └─demo5 │ ajax
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值