返回列表 发新帖

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

562.9k 10
swmozowtfl 发表于 2015-7-9 22:52:38|湖北 | 查看全部 阅读模式
怎么设置文章中所有图片width大小批量设置方法?这在实际应用中很常见,下面有一段示例,希望对大家有所帮助
* L9 O- m% C. L- I6 T$ ]- \$ i代码如下:
4 A4 @: d3 h  ^, ^% u3 }, E/ O
前面要加载一个jquery库。 3 Q( c  i4 ^1 C4 ~6 n
<script type=text/javascript> 9 {( v! V3 _3 H- x+ _
var setnewsimg = function(obj){
# s- |; i. p$ ~$ r+ e$(obj).find('img').each(function(i){
2 r: C0 A, t  |( U8 C+ kvar imgw = $(this).width(); ; a: A7 z" |5 L# [/ F8 X
var imgh = $(this).height();
: g! V+ H2 A" {, u+ Nvar scale=1;
3 H# I) x' S; s1 d; V7 d3 dif(imgw>634){
( n1 \: ]- r2 P, i  U# `scale = 634/imgw;
! f: |" U* T6 T0 |" xconsole.log(scale); ) M* d$ g& d4 z$ c; H  \
$(this).height(scale*imgh); 7 P% b; p! D) C# t7 @
$(this).width(scale*imgw); ' p# ~# m8 _3 `# [- }4 \
} 9 n( d! n* z. V/ g" K/ u# R; C
}); / z' [' s; X: |3 y9 ~' v( F
} 3 i' l) ?6 Z0 I( k6 k. m. X2 N/ y
</script type=text/javascripy> ' m6 r8 r+ Q! v
调用   C  {3 I& T, T5 f
<script>
- [# V* {  b5 M$ O9 P9 J6 O$(function(){ 8 c+ y3 L9 J" b4 @
setnewsimg('.news-img') 9 t7 S! I5 @7 b3 ~6 _
})
& R( i( _1 `& K</script>8 H7 p- c% F2 S+ n+ H* z
$ Y: `6 Y) u+ Q1 c$ A8 \+ i
更多网页制作信息请查看: 网页制作

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