返回列表 发新帖

文章中所有图片width大小批量设置方法

562.6k 10
swmozowtfl 发表于 2015-7-9 22:52:38|湖北 | 查看全部 阅读模式
怎么设置文章中所有图片width大小批量设置方法?这在实际应用中很常见,下面有一段示例,希望对大家有所帮助2 J+ l9 s; [( r4 C" m: K
代码如下:
7 i+ C4 y; w  n7 x- z
前面要加载一个jquery库。
1 I2 f9 H* @3 H' n7 u<script type=text/javascript> ! X( y* o/ l7 o1 T' u# L
var setnewsimg = function(obj){
9 u0 N# M% _( v. l) f) M/ x$(obj).find('img').each(function(i){
1 }8 E8 j6 \' w) [var imgw = $(this).width(); " h+ c7 I* y' E- [# W/ s! A' Z
var imgh = $(this).height(); ( j0 i1 N* w% j7 r  F  ^
var scale=1;
' d: O, W6 ?2 U" j! t6 cif(imgw>634){ 1 t8 N. a! ]' K! n6 y
scale = 634/imgw;
3 R7 D: `5 s+ ]2 d$ M8 Cconsole.log(scale); $ }7 F; V: u2 _0 D) J
$(this).height(scale*imgh); 9 N( `4 i7 L) I/ D
$(this).width(scale*imgw); 2 R3 S& {' w4 q/ Q
} 9 z2 o; I2 T. n
}); $ R; k4 D; w3 c* X" h+ r* {! @
}
7 R/ d* y& ?2 N: I9 s5 {4 p1 j  Y</script type=text/javascripy>
8 h  y$ A& a1 M" T6 L7 W$ ~调用
2 v0 S, V2 U4 F/ i<script>
- j8 X% S+ Y/ \( \% e7 w! j$(function(){ 5 R& G3 B0 [0 q  Q
setnewsimg('.news-img')
% U! l' _9 h# A2 m}) ' r; G1 x0 y2 K# p
</script>
  Z! T! j, Y( K1 A6 ~3 }, T' W- s; `
/ M; H  ~5 K# i3 I8 O8 X/ [更多网页制作信息请查看: 网页制作

回复|共 10 个

effoggikeftor 发表于 2016-1-16 18:43:23|内网 | 查看全部
为了不让帖子沉得太快!!!为了人人知道这个~!! 我不是原创~!!但是我要把他发扬广大~!!!
tohme 发表于 2016-1-16 18:42:37|印度 | 查看全部
有现实中的偶在这...不佩服.............佩服电影里的....
buingeEvineus 发表于 2016-1-16 18:43:12|哥伦比亚 | 查看全部
你这样的表现,就只配这几个字:窝囊废
seazvyt 发表于 2016-1-16 18:43:37|突尼斯 | 查看全部
哦...这个...偶昨天就看了....
mwxny 发表于 2016-1-16 18:42:43|韩国 | 查看全部
宁死不屈.....
bqtklouu 发表于 2016-2-15 22:47:47|INNA | 查看全部
成长可以说已经是很幸福的了。但在另一方面,作者也不是温室里的花*,只能作些鸳鸯蝴蝶 的文章。在前面我已经说过了,这篇文章比形散神聚更胜一筹。诸位见过大风沙没有
GoodyFouppy 发表于 2016-2-15 22:49:10|INNA | 查看全部
对于这种刚发的帖子,我总是毫不犹豫的顶了。如果火了就是个前排,可以混个脸熟,说不定谁好心就给粉了…稳赚不赔;如果沉了就感觉是我弄沉的,很有成就感,还能捞经验。
wwdu926a 发表于 2016-2-15 22:47:53|欧洲 | 查看全部
这篇帖子构思新颖,题材独具匠心,段落清晰,情节诡异,跌宕起伏,主线分明,引人入胜,平淡中显示出不凡的文学功底,可谓是字字珠玑,句句经典,是我辈应当学习之典范(不好意思回错帖了
Acropozelan 发表于 2016-2-15 22:49:12|韩国 | 查看全部
要睡觉了 呵呵
mwxny 发表于 2016-2-15 22:48:37|美国 | 查看全部
cd:遮~~~~~~

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表