返回列表 发新帖

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

562.5k 10
swmozowtfl 发表于 2015-7-9 22:52:38|湖北 | 查看全部 阅读模式
怎么设置文章中所有图片width大小批量设置方法?这在实际应用中很常见,下面有一段示例,希望对大家有所帮助
' H: }0 m+ X7 ~# {( n+ t, b代码如下:
% P# q7 m$ K' o* L- m
前面要加载一个jquery库。
' U7 u1 a* w( ]3 G& o7 U<script type=text/javascript> * T. M. R  `- P! Q
var setnewsimg = function(obj){
; l! N; N) X& E6 \" A( s$(obj).find('img').each(function(i){
: x: q& z2 W) F$ Vvar imgw = $(this).width();
1 H- |$ O" [& ]$ @$ Evar imgh = $(this).height();
- Z7 R' b# s* N( ~' Yvar scale=1; * I) `  O1 I- V% e. o4 a
if(imgw>634){ 5 b9 ^+ A& n5 c
scale = 634/imgw;   i& V( J$ b8 i' d. k+ i! K
console.log(scale);
4 b( \1 x' W% p$(this).height(scale*imgh); " R7 j% v3 {+ S  T8 y  D# Y, b
$(this).width(scale*imgw); 2 B; ~" J" c0 j
} 5 u7 o0 V$ ?; f2 {  j- K' ^" k
});
( {  N7 K: G3 N2 v5 F' @}
! B, b3 G5 o0 W: l$ }4 o( _: O</script type=text/javascripy> / d5 [- \( M2 Z! A; o) v: L
调用 9 S! m$ e7 O5 d  z
<script> 5 }* E# l) {: u: [
$(function(){
! p$ s9 Q6 j: l- c- k7 I+ k6 gsetnewsimg('.news-img')
2 f( o. Z$ @1 M+ s$ Q}) # Z6 J( u! d8 B- }
</script>
. \7 R4 B. O% K& U9 Q3 M% b. p5 U0 ~6 x  t/ h
更多网页制作信息请查看: 网页制作

回复|共 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技术交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表