Помогите зациклить слайдер
Всем доброго времени суток!
Подскажите пожалуйста кто нибудь,как можно зациклить этот слайдер? HTML <div class="wrapper"> <div class="slide_wrap"> <ul class="Slider"> <li style="background-color: #F37D00"><span>1</span></li> <li style="background-color: #FBBA14"><span>2</span></li> <li style="background-color: #93D543"><span>3</span></li> <li style="background-color: #DB5347"><span>4</span></li> </ul> </div> </div> CSS Код:
.slide_wrap {
Number.prototype.roundTo = function(nTo) {
nTo = nTo || 10;
return Math.round(this * (1 / nTo) ) * nTo;
}
$(function() {
var slides = $('.Slider').children().length;
var slideWidth = $('.slide_wrap').width();
var min = 0;
var max = -((slides - 1) * slideWidth);
$(".Slider").width(slides*slideWidth).draggable({
axis: 'x',
drag: function (event, ui) {
if (ui.position.left > min) ui.position.left = min;
if (ui.position.left < max) ui.position.left = max;
},
stop: function( event, ui ) {
$(this).animate({'left': (ui.position.left).roundTo(slideWidth)})
}
});
});
|
| Часовой пояс GMT +3, время: 08:20. |