让轮播图始终在中间

之前用banner图做li的背景,达到图片居中显示的效果,但循环li时很难控制要显示的图片,下面这段代码可以在img 的src中控制要显示的图片,在banner 循环时也方便控制

<div  style="overflow: hidden; position: relative; width: 100%; height: 618px;">
        <img src="images/news_02.jpg" style="position:absolute;width:1920px;height:618px;left:50%;margin-left:-960px;">
 </div>

 

下面是两张大图居中显示,不管浏览器放大比例是多少,两张图片都居中显

<div  style="overflow: hidden; position: relative; width: 100%; height: 618px;">
       <div  style="width:1920px; position:absolute;left:50%;margin-left:-960px;">         
           <img src="1.jpg" style="width:50%;height:618px;float:left;">
        <img src="1.jpg" style="width:50%;height:618px;float:left;">
       </div>
 </div>