Witam,
Zaczynam się bawić jQuery i napisałem sobie prosty slider. Pytania, które mnie nurtują:
- Jak sprawić aby slajder nie przeskakiwał do pierwszego skokowo tylko płynnie gdy slajdy się skończą, nie wracając w lewo, tylko w prawo?
- Stworzyłem funkcje slideStart() i slideStop() aby zatrzymać slider przy najechaniu na niego myszką lecz niestety nie działa i nie wiem dlaczego. Co tu może być źle? Konsola nic nie pokazuje.
main.js:
$(function(){
//configuration
var width = 720;
var animationSpeed = 1000;
var pause = 3000;
var currentSlide = 1;
//cache DOM
var $slider = $('#slider');
var $slideContainer = $slider.find('.slides');
var $slides = $slideContainer.find('.slide');
var interval;
function startSlider(){
setInterval(function(){
$('#slider .slides').animate({'margin-left': '-='+width}, animationSpeed, function(){
currentSlide++;
if(currentSlide === $slides.length){
currentSlide = 1;
$slideContainer.css('margin-left', 0);
}
});
}, pause);
}
function stopSlider(){
clearInterval(interval);
}
$slider.on('mouseenter', stopSlider).on('mouseleave', startSlider);
startSlider();
});