返回列表 发新帖

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

562.5k 10
swmozowtfl 发表于 2015-7-9 22:52:38|湖北 | 查看全部 阅读模式
怎么设置文章中所有图片width大小批量设置方法?这在实际应用中很常见,下面有一段示例,希望对大家有所帮助8 G' @1 \/ I- I! F! n! l2 G6 d3 i
代码如下:. h8 x$ T% e5 |5 p) w( ~
前面要加载一个jquery库。
3 m: W# [% V, n% f- L/ e<script type=text/javascript>
+ o* N: z& M0 O! k9 A* B! n2 ovar setnewsimg = function(obj){ 4 M! m: y0 P. G; t
$(obj).find('img').each(function(i){
9 ]' V+ P) Z/ }" `1 f! v. bvar imgw = $(this).width();
9 u8 o) p# [, A2 C7 c, e8 tvar imgh = $(this).height(); 1 B5 h2 z# y$ ~
var scale=1;
/ s; ]% q8 U5 b1 n. P1 s% nif(imgw>634){ 6 |- C4 Q1 T+ f: @& I
scale = 634/imgw;
; T. D6 L# G1 r$ t/ v! Sconsole.log(scale);
( D6 U7 O, Y) ?" |/ G$(this).height(scale*imgh);
1 C! k9 T% Z: w8 S% l, ^* f$(this).width(scale*imgw);
% `! u, L, f/ N) _) X5 x} ) F7 r5 X# R1 z. ]' R; Q7 x& j! A; L2 X
});
3 R+ w" F, Z1 O}
# e: n- ?# m) X' @</script type=text/javascripy> ' @1 V; l5 t! U' ~9 z
调用 : m' h& s9 v) @7 F- c
<script> ! @$ Y* s/ P8 i  l
$(function(){
' a& @0 C# `3 G& i  E. `& vsetnewsimg('.news-img') 3 g# ]' E* a. U* @4 K! p
}) 4 m0 i6 R' a7 g& l- m4 n/ X' i# e
</script>' N, X) _5 x# u6 I6 ~  y4 e

: f0 J) ?5 ^) d更多网页制作信息请查看: 网页制作

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