X

@mateusz_luczak Anatomy of Sliders

Hover over upper right corner to enable X-Ray Vision! MAGIC!

Common types

Linear slider 1 2 3

slider.animate({ left: -slideWidth * nextSlideNum }, 800);

Circular slider 1 2 3

nextSlide.css({ left: 2 * slideWidth }).show(); slider.animate({ left: -2 * slideWidth }, 800, function() { slider.css({ left: -slideWidth }); nextSlide.css({ left: slideWidth }); currentSlide.css({ left: slideWidth }).hide(); });