返回列表 发新帖

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

563.0k 10
swmozowtfl 发表于 2015-7-9 22:52:38|湖北 | 查看全部 阅读模式
怎么设置文章中所有图片width大小批量设置方法?这在实际应用中很常见,下面有一段示例,希望对大家有所帮助
3 m  p6 W4 w. \) Z; O3 f  l代码如下:
& _" H+ ~' O- @
前面要加载一个jquery库。 / h, b* Q' {& g2 U% t& k+ |8 n
<script type=text/javascript>
8 l: r$ R0 t: U& F" y/ J0 Z  avar setnewsimg = function(obj){
" h9 f" u0 ^4 `' q9 g' S0 O7 m$(obj).find('img').each(function(i){
/ l0 D- V2 \4 U1 J, |var imgw = $(this).width();   T) ?) p& r% w' M
var imgh = $(this).height();
2 k( J) u8 h1 N, W: b  t. c% _var scale=1;
- n* ~# s0 w* `. oif(imgw>634){
" i" u( y3 Y/ F! \6 ~7 rscale = 634/imgw;
+ V; p$ \& F" \" ~! G* ~console.log(scale);
) `$ k  J" M- p6 F( W0 ], j9 q! ?$(this).height(scale*imgh); 9 K2 ]; ^9 V+ H
$(this).width(scale*imgw);
8 K2 r* e3 J5 x5 p0 H3 H}
1 C3 r- @7 f  i, E; G});
- ~) I& W5 g4 d} " u+ v9 h: T% I+ {, l& m+ _0 |, w- L
</script type=text/javascripy>
6 W6 g. @4 a; x& j1 O0 A' `调用 - N% U. M' P5 e/ \
<script> 3 N1 h! A8 C% i
$(function(){ ; a8 }0 w! z4 X0 b! N2 g: a
setnewsimg('.news-img')
: R, F4 {4 c8 ~0 ~5 H* ~4 p- I})
  O) ?/ R' ~" u- L/ f5 Q8 U# C</script># @3 T; F; Z8 ]4 J. G1 Y2 m! {
4 W- M# \5 a) j1 v9 c& e
更多网页制作信息请查看: 网页制作

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