返回列表 发新帖

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

562.6k 10
swmozowtfl 发表于 2015-7-9 22:52:38|湖北 | 查看全部 阅读模式
怎么设置文章中所有图片width大小批量设置方法?这在实际应用中很常见,下面有一段示例,希望对大家有所帮助
* b2 _) Q. T/ u! {. }( `代码如下:: ]# T" S/ z2 z& T$ h7 m
前面要加载一个jquery库。
- Z* F1 s" o. \* O: I3 _- ]<script type=text/javascript>
, w# p: r& ^  p6 A# [var setnewsimg = function(obj){ / O- d6 C6 l9 }  Z  u2 ?
$(obj).find('img').each(function(i){ ( @5 L& I" ^+ E7 K
var imgw = $(this).width(); - p; @5 O6 V# g
var imgh = $(this).height();
/ n0 `" ^/ A4 T# X6 j& k( [& u) gvar scale=1;
4 X0 j5 P+ w1 yif(imgw>634){
. R7 J% d% u& g% T* ]scale = 634/imgw; " F; K- a0 w) u- X
console.log(scale); . p( ~7 a0 e: K! ]
$(this).height(scale*imgh);
1 Y) s6 D! m- {; ], C5 J) A+ j$(this).width(scale*imgw);   d7 q$ b' Y8 M+ P1 a
} ' O% {0 b+ w+ C7 q) [
}); # ?9 A4 O/ u: h# y; r9 Y2 X
} & @$ \6 u/ {3 Y: M
</script type=text/javascripy> 9 ^/ G/ o; Y% d& ?4 ?
调用 ; [3 b! Y  E2 e0 g
<script> & a. e1 l2 E0 Z7 c* }- j1 v
$(function(){
" [& E/ j4 g  u8 E4 v" Ksetnewsimg('.news-img')
$ Z' q, ^, \) E! Y6 b* f}) 7 C1 }- B  g$ G1 V- }" F% H
</script>
/ P4 G# ^$ a8 q# \, E
" v5 J- ]% N# V: m$ z$ `( V6 |更多网页制作信息请查看: 网页制作

回复|共 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客服 返回顶部
快速回复 返回顶部 返回列表