Как сделать что бы листание слайдов начиналось с начала когда уже перелистали все слайды?

Question

[serega__koval1503]

Когда пролистали все слайды до конца при клике на .next хочу сделать что бы когда нажимаешь дальше на .next то листание начиналось с начала. подскажите как это сделать? codepen.io/seregakoval/pen/MJjezm

Answer 1

[spamerbo]

Для начала отделите логику от представления, а то у вас мешанина. Код может быть примерно таким:

var slider = {
		slideCount : 6,
		currentSlide : 1,
		backward : function() {
			this.currentSlide --;
			if (this.currentSlide < 1) {
				this.currentSlide = this.slideCount;
			}
			this.animate();
		},
		forward : function() {
			this.currentSlide ++;
			if (this.currentSlide > this.slideCount) {
				this.currentSlide = 1;
			}
			this.animate();
		},
		animate : function() {
			$("#slider").animate({marginLeft: -(this.currentSlide - 1) * 960 + 'px'}, 400);
		}
	}

Comments

[serega__koval1503]

spamerbo вставляю это вместо своего js и почему то не работает? как его запустить?

[spamerbo]

Дело за малым - привязать события к кнопкам (backward, forward) и подправить функции animate под свою верстку

[serega__koval1503]

spamerbo не могли бы вы показать как привязать событие к кнопке backward ?

[serega__koval1503]

spamerbo подскажите пожалуйста

[spamerbo]

Вы же разработчик, голову-то надо включать. Если нет, зачем спрашивать на Тостере, возьмите готовый плагин слайдера для jQuery - благо их море.

[spamerbo]

https://blueimp.github.io/Gallery/ вот например

[serega__koval1503]

spamerbo Хочется самому разобраться.

[spamerbo]

Разберитесь, а не создавайте вопрос по каждому шагу

[serega__koval1503]

spamerbo лучше вы подсказали,чем умничаете..