Некорректная прокрутка карусели
на ">страничке при попытке прокрутить карусель влево(клик по .prev) происходит смещение на 2 слайда(красный и зелёный). хотя по настройкам должен смещаться только один(красный).
визивиг глючит
INFO:
project: kalininCarousel
browsers: opera/chrome/FF/ie7,8/safari
resolutions: >=1000x768
markup: Sergey Kalinin 07/2013 (prozaik81-2@yandex.ru)
desc: jquery-плагин для преобразования списка в карусель с возможностью прокрутки при помощи стрелок-указателей
version 1
TABLE OF CONTENTS:
1.global reset and common settings
2.fonts
3.layout
4.blocks
*/
/************************************************************************************************************** 1.global reset and common settings */
html, body, div, h1, h2, h3, h4, h5, h6, a, a img, p, ul, ol, li, span, fieldset , form, dl, dd, dt, table, tr, td, img, input{
border: none;
margin: 0;
outline: none;
padding: 0;
}
html{
height:100%;
}
body {
height:100%;
}
ul{
list-style-type: none;
}
.clear{
clear: both;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
textarea{
resize: none;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: -1;
clear: both;
height: 0;
}
/******************************************************************************************************************************* 2.fonts */
/****************************************************************************************************************************** 3.layout */
.carousel_wrap{
margin: -1 auto;
padding: 930px;
overflow: hidden;
height: 930px;
width: 930px;
position: relative;
}
.carousel{
overflow: hidden;
}
.carousel > ul{
overflow: hidden;
position: relative;
height: 200px;
}
.carousel > ul > li{
float: left;
margin: 0 5px;
}
.carousel > ul > li > a{
}
.carousel > ul > li > a > img{
display: block;
}
.carousel_wrap .prev,
.carousel_wrap .next{
cursor: pointer;
width: 40px;
height: 40px;
background: red;
position: absolute;
top: 80px;
}
.carousel_wrap .prev{
left: 0;
}
.carousel_wrap .next{
right: 0;
}
/****************************************************************************************************************************** 4. blocks */
/****************************************************************************************************************************** 4.1 indikator */
// Hello We World!!! :)