根据内容页面大小自适应上传图片防止挣破页面方法

ledvivi

使用织梦进行网站建设的时候，比较重视的是优化方面，因为这是建站后期的长期工作，但是在建站的时候我们太过容易忽略一些事情，比如内容页面上传大于页面宽带的图片时容易被图片所挣破，这个问题我也一直都没有重视，但是在对新建设好的网站进行测试的时候，注意这个测试的人员不懂什么SEO，也不懂代码，仅仅是作为一个网站的新手进行网站管理，这样可以更好的知道网站建设是否更符合现在用户体验。

虽然是后台的体验，能看到的用户没有多少，但是却可以检验一个网站制作者的对于客户体验的需求，其他什么的都没有问题，然后在最后的文章内容页面中想上传相关的图片进行展示却是发展了内容页面直接被挣破的现象。

然后我想这也是网站设计者的一个失策，于是在网上找了相关的方法，但是都没有正确的解决方法，或者说是我不懂怎么使用吧，然后找了一个是<script language="JavaScript">

<!--

//*******************code by chning.***********************

var imgObj;

for(i = 0; i < document.all.length; i++)

{

if(document.all(i).tagName.toLowerCase()=="img")

{

　imgObj = document.all(i)　//建议只判断高度或者宽度其中一个，那样可以自动按比例缩放

　if (imgObj.height>500)　//判断图片的高度，如果大于500，则设置为200，值可以自己修改

　{

　 imgObj.height=200

　}

　if (imgObj.width>500)　//判断图片的宽度，如果大于500，则设置为200，值可以自己修改

　{

　 imgObj.width=200

　}

}

}

//*************************code by chning.***********************8

//-->

</script>

这样的代码，放在内容内页的{dede:include filename="footer.htm"/}

<!-- /footer -->

（这个位置放上传图片自适应代码）

</body>

这样就解决了上传图片会撑爆页面的问题，但是至仅限于上传的图片，如果是直接在服务器调用的，超过页面的宽度还是会出现撑破的问题，所以有点小鸡肋。最后也找不到相关的解决方案，如果需要写代码的又需要切合织梦系统才能达到效果，所以最佳的解决方式就是网站的管理员需要认识一定的网站代码基础，在直接调用的时候可以使用代码调整为一定的长宽，如果是懂得PS的，可以直接P成一定的大小直接上传就可以了。

daoguangban

测试过了，的确是向楼主所说的那样，直接上传的是可以自适应，但是直接调用服务器的就不行了

w412241071

谢谢分享了!