Question

怎么才能让 图片隐藏两边，DIV+CSS+JS怎么实现？

图片是 宽1440的 显示器的分辨率是1440*900的话没问题，但是分辨率是1024*768的话 图片只能显示左部分，右部分就全部隐藏调了，可是图片的主要内容在中间，请问怎么可以让图片两侧都隐藏而显示中间部分，DIV+CSS+JS怎么实现？

Answer 1

图片隐藏两边最常见的有网页banner同屏效果，一般制作方法有两种
第一种：
设置外层div或者标签宽度百分百按照比例设置，图片设置在标签行内样式中的背景图片，使用背景定位，居中或者固定某个值，当我们改变窗口也就是改变外层div的时候会看到div宽度改变，背景图片一直保持我们设置的值，两边多余会隐藏掉。

第二种：
外层div定位，css设置溢出隐藏，图片使用绝对定位法，定位到我们想要的位置，同时可以设置margin属性来辅助，例如: img{ position:absolute; left:50%; margin-left:500px;}

Answer 2

Js检查屏幕分辨率。
设置图片的宽度，这样在任何情况下图片都可以全部显示
var img1 = document.getElementById('imgId');
img1.style.width = 1440+"px";
分辨率为1024时设置为
img1.style.width = 1024+"px";

追问

我要的是自动的，因为有的人用1024的分辨率，有的人用1440的分辨率，别人用1024分辨率的时候图片就变成两侧隐藏，用1440的就全部显示啊

Answer 3

图片居中
设置图片CSS margin-left:auto;margin-right:auto;试试
要不你就象他那样..加上个判断
我直接靠过来改了
var img1 = document.getElementById('imgId');
if(window.screen.width==1440){
img1.style.width = 1440+"px";
}else{img1.style.width = 1024+"px";}