2015-02-23 111 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