2015-02-23 3 views
0

Привет в приведенном ниже коде, как увеличить ширину изображений, а также как удалить границу ползунка div, показывая белую рамку. Я хочу удалить границу. Используя javascript, я показываю изображения в формате слайд-шоу, но это не увеличивает ширину. Так же, как я хочу удалить границу 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

+0

Опубликовать JS, который вы используете, пожалуйста. –

+0

@JoeCorby см. Мой файл js – user

ответ

0

Для границ ползунка, Modernizr добавить margin к элементу body. Добавление

body { 
    margin: 0; 
} 

должно быть достаточно, чтобы решить вашу проблему.

Я не понимал, что вы хотите делать с изображениями.

+0

, не понимая, как дать ответ – user

+0

, есть один вопрос для слайдера и один для изображения, нет? – Pierre

Смежные вопросы