@lesmanora

Почему не работает слайдер?

Мне нужен самый простой слайдер, без анимации, просто, чтобы при нажатии кнопки срабатывал слайдер.
Пока получается что-то непонятное...

HTML
spoiler

<div class="navigation">
		
	<img class="prv_b" src="img/Vector2.png"/> 
    <img class="nxt_b" src="img/Vector3.png"/>
		
	</div>

<section>
	<div class="container sl_ctr">
<div class="row sldr">
<div class="col-md-12 sl">

<div class="row">
	
	<div class="col-md-4 ">
	
	
		
		<div class="textslaid">

		<h2>Консультация коллекционеров</h2>
		
		<p>Галерея оказывает консультации по формированию коллекций современного искусства, помогает в подборе художественных произведений в интерьер и многое другое.</p>
		
		<span><a>Все услуги <img src="img/line.png"/> </a></span>
		
		</div>
		
	</div>
	
	<div class="col-md-6">
		
		
		
	</div>
	
</div>

</div>


<div class="col-md-12 sl">

<div class="row">
	
	<div class="col-md-4 ">
	
		<div class="textslaid">

		<h2>Консультация коллекционеров</h2>
		
		<p>Галерея оказывает консультации по формированию коллекций современного искусства, помогает в подборе художественных произведений в интерьер и многое другое.</p>
		
		<span><a>Все услуги <img src="img/line.png"/> </a></span>
		
		</div>
		
	</div>
	
	<div class="col-md-6">
			
	</div>
	
</div>

</div>


</div>
</div>
</section>



JS
spoiler

$(function() {
var sldr = $('.sldr'),
sldrContent = sldr.html(),
slideWidth = $('.sl_ctr').outerWidth(),
slideCount = $('.sldr .sl').length,
prv_b = $('.prv_b'),
nxt_b = $('.nxt_b'),
sldrInterval = 3300,
animateTime = 1000,
course = 1,
margin = - slideWidth;
$('.sldr .sl:last').clone().prependTo('.sldr');$('.sldr .sl').eq(1).clone().appendTo('.sldr');$('.sldr').css('margin-left',-slideWidth);function nxt_bSlide(){interval=window.setInterval(animate,sldrInterval)}function animate(){if(margin==-slideCount*slideWidth-slideWidth){sldr.css({'marginLeft':-slideWidth});margin=-slideWidth*2}else if(margin==0&&course==-1){sldr.css({'marginLeft':-slideWidth*slideCount});margin=-slideWidth*slideCount+slideWidth}else{margin=margin-slideWidth*(course)}sldr.animate({'marginLeft':margin},animateTime)}function sldrStop(){window.clearInterval(interval)}prv_b.click(function(){if(sldr.is(':animated')){return false}var course2=course;course=-1;animate();course=course2});nxt_b.click(function(){if(sldr.is(':animated')){return false}var course2=course;course=1;animate();course=course2});sldr.add(nxt_b).add(prv_b).hover(function(){sldrStop()},nxt_bSlide);nxt_bSlide()});

  • Вопрос задан
  • 59 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы