国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 22:28:50
字體:
來源:轉載
供稿:網友

前面要加載一個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> 

代碼二:

$(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);    }  });

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 嵩明县| 崇明县| 大新县| 赣榆县| 武山县| 抚宁县| 石景山区| 若羌县| 海淀区| 甘洛县| 永和县| 隆昌县| 柳州市| 浦北县| 兴山县| 阳新县| 射阳县| 江安县| 武汉市| 台北县| 正阳县| 盐池县| 梅州市| 四平市| 日喀则市| 洪江市| 牙克石市| 雷波县| 潞西市| 鄂托克前旗| 武功县| 沅陵县| 万载县| 北辰区| 延边| 葵青区| 炎陵县| 宁武县| 蒙阴县| 罗江县| 凯里市|