Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.09.2016, 15:08
Новичок на форуме
Отправить личное сообщение для Nostromo Посмотреть профиль Найти все сообщения от Nostromo
 
Регистрация: 15.09.2016
Сообщений: 3

Помогите зациклить слайдер
Всем доброго времени суток!
Подскажите пожалуйста кто нибудь,как можно зациклить этот слайдер?
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 {
	width: 600px;
	height: 200px;
	background-color: #98DDF7;
	margin: 0 auto;
	position: relative;
	top: 200px;
	overflow: hidden;
}
.Slider {
	list-style: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
.Slider li {
	float: left;
	width: 600px;
	height: 200px;
}
.Slider span {
	font-size: 70px;
	text-align: center;
	padding-left: 290px;
	float: left;
	padding-top: 65px;
	font-weight: bold;
	
}
Jquery
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)})
        }
    });
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите подружить слайдер с input Alex57B Элементы интерфейса 17 19.10.2016 12:28
Помогите зациклить скрипт Tord002 Общие вопросы Javascript 8 25.02.2016 14:23
Простой слайдер новостей (помогите настроить) Алексей777555 Общие вопросы Javascript 1 19.07.2015 01:35
Помогите доделать слайдер malevi4 Общие вопросы Javascript 3 23.05.2015 23:18
Слайдер - карусель блоков (помогите пожалуйста) Viktor.Poberezhniy Общие вопросы Javascript 3 22.07.2014 12:46