创新路
我们一直在努力

js/script 修改图片大小

图片通过后台添加文章生存出来 带有宽度 高度,再手机自适应会导致页面问题,由于数据量太大,所以 写了个js自动改变 id为“center” 的IDV内部的所有IMG标签的高度和宽度,在此记录一下。

<html>

<script src="/js/jquery-2.1.4.min.js"></script>

<body>

<div class="article-content" id='center'>

<img src="uploads/allimg/170921/6716-1F92109554H51.JPG"  style="height: 400px;width: 600px;">

<img src="uploads/allimg/170921/6716-1F92109554H51.JPG"  style="height: 400px;width: 600px;">

</div>

<script type="text/javascript">

x=document.getElementById("center").getElementsByTagName("img");

for(var i=0;i<x.length;i++){

x[i].style.height="auto";

x[i].style.width="100%";

}

</script>

</body>

</html>

未经允许不得转载:天府数据港官方信息博客 » js/script 修改图片大小

客官点个赞呗! (0)
分享到:

评论 抢沙发

评论前必须登录!

天府云博 - 做有态度的开发&运维&设计学习分享平台!

联系我们百度云主机