Форум Сайтостроение Веб-строительство

Помогите доработать слайдер

A
На сайте с 09.04.2013
Offline
13
Apsent
700

Всем привет. Интересует настройка слайдера на сайте. У меня изображения не подстраиваются под него, то есть обрезаются постоянно. Хотелось бы узнать как можно обыграть этот момент и сделать так чтобы слайдер был резиновым и изображения подстраивались. А то получается не поймешь чего, берет изображение из галереи большим размером и выводит только часть этого изображения. Прошу помощи, заранее спасибо!

Вот код CSS:

.sliderkit{

display:none;

position:relative;

overflow:hidden;

text-align:left;

background: #1a1a1a;

}

.sliderkit a,

.sliderkit a:hover{}

.sliderkit a:focus{}

.sliderkit img{border:0;}

/*---------------------------------

* Navigation

*---------------------------------*/

.sliderkit .sliderkit-nav{

height: 252px;

margin-top:22.5px;

/* padding: 12px 0 19px;*/

position: absolute;

right: 0;

text-align: center;

top: 0;

width: 290px;

}

/* Nav > Clip */

.sliderkit .sliderkit-nav-clip{

margin: 33px 0 0;

width: 290px;

height: 333px;

overflow: hidden;

position:relative;

}

.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}

.sliderkit .sliderkit-nav-clip ul li{

display: block;

width: 290px;

height: 84px;

}

.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}

.sliderkit .sliderkit-nav-clip ul li.sliderkit-selected{opacity:0.5;}

/*---------------------------------

* Buttons

*---------------------------------*/

.sliderkit .sliderkit-btn{z-index:10;}

.sliderkit-nav .sliderkit-nav-btn a span {

display: none;

}

.sliderkit-nav .sliderkit-nav-btn a {

background: url("../img/slider-arrows.gif") no-repeat scroll 0 0 transparent;

display: block;

position: absolute;

top: -18px;

right: 136px;

width: 20px;

height: 12px;

cursor: pointer;

}

.sliderkit-nav .sliderkit-nav-next a {

bottom: -18px;

top: auto;

background-position: 0 -12px;

}

/*---------------------------------

* Panels

*---------------------------------*/

.sliderkit-panels{

position: relative;

float: left;

width: 710px;

height: 297px;

background-size: cover;

}

.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}

.sliderkit .sliderkit-panel-active{z-index:5;}

.sliderkit .sliderkit-panel-old{z-index:4;}

/* Panels > Overlay */

.sliderkit .sliderkit-panel .sliderkit-panel-textbox{

position: absolute;

top: 24px;

padding: 8px 18px;

background: #df141f;

font: normal 30px Arial;

color: #fff;

text-transform: uppercase;

z-index: 1;

display:block;

left:0;

}

.sliderkit .sliderkit-panel .sliderkit-panel-text{font-weight:600;}

.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}

.photosgallery-vertical{

height: 297px;

width: 1000px;

}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий