Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

Некорректная прокрутка карусели

79K
05 июля 2013 года
Sergey Kalinin
8 / / 04.12.2012
помогите пожалуйста поправить прокрутку в карусели

на ">страничке при попытке прокрутить карусель влево(клик по .prev) происходит смещение на 2 слайда(красный и зелёный). хотя по настройкам должен смещаться только один(красный).
79K
05 июля 2013 года
Sergey Kalinin
8 / / 04.12.2012
адрес странички

визивиг глючит
51K
05 июля 2013 года
BagiLR
110 / / 29.06.2013
/*
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!!! :)
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог