Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $(function() {
- var width = 480;
- var animationSpeed = 1000;
- var pause = 4000;
- var currentSlide = 1;
- var stop = false;
- //cache the DOM
- var $slider = $('#slider');
- var $slideContainer = $slider.find('.slides');
- var $slides = $slideContainer.find('.slide');
- var $pause = $('#stop');
- var $next = $('#next');
- var $previous = $('#previous');
- var totalSlides = $slides.length+1;
- var interval;
- function startSlider(){
- interval = setInterval(function() {
- moveForward();
- },pause);
- }
- function moveForward(){
- $slideContainer.css('margin-left', '-=' +(width));
- currentSlide++;
- checkIfAtEnd();
- }
- function moveBackwards(){
- if (currentSlide === 1) {
- $slideContainer.css('margin-left', '-='+((totalSlides-1) * width));
- currentSlide = totalSlides;
- };
- if (currentSlide >= 2 ) {
- $slideContainer.css('margin-left', '+='+(width));
- currentSlide--;
- };
- }
- function stopSlider() {
- clearInterval(interval);
- }
- function checkIfAtEnd() {
- if (currentSlide === totalSlides) {
- currentSlide = 1;
- $slideContainer.css('margin-left', 0);
- };
- if (currentSlide < 1) {
- currentSlide = $slides.length-1;
- $slideContainer.css('margin-left', '-='+(currentSlide * width));
- };
- }
- $slider.mouseenter(function() {
- if (stop === false) {
- stopSlider();
- $pause.css('background', 'red');
- }
- else if (stop === true) {
- jQuery.noop()
- }
- });
- $slider.mouseleave(function() {
- if (stop === false) {
- startSlider();
- $pause.css('background', 'green');
- }
- else if (stop === true) {
- jQuery.noop()
- }
- });
- $pause.click(function() {
- if (stop === false) {
- stop = true;
- stopSlider();
- $pause.css('background', 'red');
- } else if (stop === true) {
- stop = false;
- startSlider();
- $pause.css('background', 'green');
- }
- });
- $next.click(function() {
- moveForward();
- });
- $previous.click(function() {
- moveBackwards();
- });
- startSlider();
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement