Прокрутка объектов по кругу
Добрый день!
Делаю сейчас тестовый сайт и хочу в одном модуле поменять стиль прокрутки. Сейчас, когда доходит до последнего, резко обратно переходит к началу, а я пытаюсь сделать, что бы оно шло по кругу и не перепрыгивало. Вот нашел код, вроде бы как отвечает за эту прокрутку, но слепить из этого, что либо, не получается... не сложилось(, помогите пожалуйста
next : function (speed) {
var base = this;
if (base.isTransition) {
return false;
}
base.currentItem += base.options.scrollPerPage === true ? base.options.items : 1;
if (base.currentItem > base.maximumItem + (base.options.scrollPerPage === true ? (base.options.items - 1) : 0)) {
if (base.options.rewindNav === true) {
base.currentItem = 0;
speed = "rewind";
} else {
base.currentItem = base.maximumItem;
return false;
}
}
base.goTo(base.currentItem, speed);
},
prev : function (speed) {
var base = this;
if (base.isTransition) {
return false;
}
if (base.options.scrollPerPage === true && base.currentItem > 0 && base.currentItem < base.options.items) {
base.currentItem = 0;
} else {
base.currentItem -= base.options.scrollPerPage === true ? base.options.items : 1;
}
if (base.currentItem < 0) {
if (base.options.rewindNav === true) {
base.currentItem = base.maximumItem;
speed = "rewind";
} else {
base.currentItem = 0;
return false;
}
}
base.goTo(base.currentItem, speed);
},
|
Цитата:
ваш слайдер просто перемещает линейку. |
я правильно понял - этот кусок кода заменить, на тот, что будет клонировать и будет все гуд?)
|
maximamus,
а взять готовый слайдер с режимом карусели? |
если бы я имел понятие где его взять и куда вставлять) я больше по дизайнерской части, это время от времени проскакивает, так подучиваю
так где можно взять?) |
|
буду пробовать изучать)
спасибо! |
лепил в кучу, так и не сложилось(
http://fs212.www.ex.ua/show/11734874...905699.png?800 от какая у меня структура подскажите пожалуйста, как сюда "вставить" прокрутку по кругу |
Цитата:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
li{
margin: 0px;
width: 100px; height:50px; float: left;
display: block;
}
#carusel {
position:relative; top: 0px; left:0px; display:block;
width: 500px; height:50px;
padding: 0px; margin: 0px;
}
div{
overflow:hidden; width: 100px; height:50px; position: relative; left: 100px
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function () {
function go() {
$('#carusel').delay(3000).animate({
left: '-=100'
}, 2000, function () {
$('li:first').appendTo($(this))
$(this).css({
left: '0px'
});
go()
})
}
go()
})
</script>
</head>
<body>
<div>
<ul id="carusel">
<li style="background-color:red;">1</li>
<li style="background-color:green;">2</li>
<li style="background-color:Yellow;">3</li>
<li style="background-color:DeepPink;">4</li>
<li style="background-color:MediumBlue;">5</li>
</ul>
</div>
</body>
</html>
|
если бы еще знал английский и было понимание "языка"(
а нету такого же простого, только со стрелками и без автоскрола? |
| Часовой пояс GMT +3, время: 10:43. |