最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

基于jquery的文章中所有圖片width大小批量設(shè)置方法

 更新時(shí)間:2013年08月01日 15:01:59   投稿:whsnow  
怎么設(shè)置文章中所有圖片width大小批量設(shè)置方法?這在實(shí)際應(yīng)用中很常見(jiàn),下面有一段示例,希望對(duì)大家有所幫助

前面要加載一個(gè)jquery庫(kù)。

<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"> 
調(diào)用 
<script> 
$(function(){ 
setNewsImg('.news-img') 
}) 
</script> 

代碼二:

$(window).bind("load", function() { 
 // 圖片修改大小 
 $('#imglist img').each(function() { 
  var maxWidth = 120; //初始化最大顯示寬度
  var maxHeight = 120; //初始化最大顯示高度
  var ratio = 0; 
  var width = $(this).width(); 
  var height = $(this).height(); 
  
  if(width > maxWidth){ 
   ratio = maxWidth / width; 
   $(this).css("width", maxWidth); 
   $(this).css("height", height * ratio); 
   height = height * ratio; 
  } 
  
  if(height > maxHeight){ 
   ratio = maxHeight / height; 
   $(this).css("height", maxHeight); 
   $(this).css("width", width * ratio); 
   width = width * ratio; 
  } 
 }); 
});

代碼三:

<script>
$(function(){
$(".daima img").each(function(){
maxWidth =700;
ratio = 0;
width = $(this).width();
height = $(this).height();
if(width > maxWidth){
ratio = maxWidth / width;
$(this).width(maxWidth);
height = height * ratio;
$(this).height(parseInt(height));
}});
});
</script>

代碼四: 推薦使用

$('#content').find('img').each(function(){
    var img = this;
    if (img.width > 600) {
      img.style.width = "600px";
      img.style.height = "auto";
      //$(img).removeAttr('height');
      var aTag = document.createElement('a');
      aTag.href = img.src;
			aTag.target="_blank";
      $(aTag).addClass('bPic')
      .insertAfter(img).append(img)
      .lightBox(options);
    }
  });

這個(gè)content就是文章內(nèi)容部分的id,方便控制制定位置的圖片大小,推薦使用。

相關(guān)文章

最新評(píng)論

礼泉县| 兴仁县| 和平区| 新巴尔虎左旗| 岳阳县| 汝阳县| 上虞市| 高台县| 台州市| 肥城市| 虎林市| 元江| 大竹县| 乐昌市| 漳州市| 隆德县| 沙坪坝区| 潮州市| 晋江市| 营口市| 文山县| 靖宇县| 三亚市| 宁城县| 崇阳县| 北川| 汨罗市| 墨江| 双流县| 佛教| 泗洪县| 东兰县| 休宁县| 余庆县| 乐亭县| 乐昌市| 新津县| 吐鲁番市| 泗阳县| 安顺市| 吉木乃县|