教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 文章中所有图片width大小批量设置方法

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

发布时间:2014-02-23   编辑:jiaochengji.com
怎么设置文章中所有图片width大小批量设置方法?这在实际应用中很常见,下面有一段示例,希望对大家有所帮助
复制代码 代码如下:

前面要加载一个jquery库。
<script type="text/javascript">
var setNewsImg = function(obj){
$(obj).find('img').each(function(i){
var imgw = $(this).width();
var imgh = $(this).height();
var scale=1;
if(imgw>634){
scale = 634/imgw;
console.log(scale);
$(this).height(scale*imgh);
$(this).width(scale*imgw);
}
});
}
</script type="text/javascripy">
调用
<script>
$(function(){
setNewsImg('.news-img')
})
</script>

您可能感兴趣的文章:
文章中所有图片width大小批量设置方法
360浏览器图片批量下载的设置方法图解
photoshop批量修改图片大小方法分享
PHP file_put_contents()实现批量下载图片文件和css中图片代码
新手教程:ps怎么切片 ps切片工具教程
PHP批量下载html与css中图片文件实例
php 获取图片宽高等信息详解
分享一个用canvas合成海报图片的移动端项目
php 图片处理类(简单易用)
php批量缩放图片的代码举例

关键词: 图片大小  width   
[关闭]
~ ~