萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 文章中所有圖片width大小批量設置方法

文章中所有圖片width大小批量設置方法

怎麼設置文章中所有圖片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>

copyright © 萬盛學電腦網 all rights reserved