2015-02-23 108 views
0

嗨在下面的代码中如何增加图像的宽度以及如何删除滑块div的边框它显示白色边框我想删除边框。 通过使用JavaScript我显示幻灯片显示格式的图像,但它不增加width.as以及我想要删除img边框。如何增加图像的宽度

HTML

<div id="sliders1"> 
     <div id="slider"> 
     <div class="gallery"> 
     <ul class="images"> 
      <li class="show"><img width="950" height="300" src="img/1.jpg" alt="photo_one" /></li> 
      <li><img width="950" height="300" src="img/2.jpg" alt="seascape" /></li> 
      <li><img width="950" height="300" src="img/3.jpg" alt="seascape" /></li> 
      <li><img width="950" height="300" src="img/4.jpg" alt="seascape" /></li> 
      <li><img width="950" height="300" src="img/5.jpg" alt="seascape" /></li> 
      <li><img width="950" height="300" src="img/6.jpg" alt="seascape" /></li> 
     </ul> 
     </div> 
    </div> 
    </div> 

CSS

#slider { 
    width: 950px; 
    overflow: hidden; 
    margin: 0px auto 0 auto; 
    padding: 15px 0 15px 0; 
} 
ul.images { 
    width:1050px; 
    height:300px; 
    overflow:hidden; 
    position:relative; 
    margin:0; 
    padding:0; 

} 
#sliders1{ 
    background-color:#00008B; 
} 
ul.images li { 
    position:absolute; 
    margin:0; 
    padding:0; 
    left:0; 
    right:0; 
    list-style:none; 
} 

ul.images li.show { 
    z-index:500; 
} 

ul img { 
    border:none; 
} 

JS

<script type="text/javascript" src="js/modernizr-1.5.min.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('ul.sf-menu').sooperfish(); 
    }); 
    </script> 
+0

@mplungjan对不起,这是950px – user 2015-02-23 10:12:18

+0

张贴您正在使用的JS请。 – 2015-02-23 10:13:49

+0

@JoeCorby看到我的js文件 – user 2015-02-23 10:35:45

回答

0

滑块的边界,Modernizr的加对身体元素的边缘。添加

body { 
    margin: 0; 
} 

应该足以解决您的问题。

我不明白你想用图像做什么。

+0

不知道如何给出答案 – user 2015-02-23 12:13:14

+0

有一个问题的滑块和一图像,不是? – Pierre 2015-02-23 12:29:31