Skip to content

Instantly share code, notes, and snippets.

@renzocastro
Created May 15, 2013 02:10
Show Gist options
  • Save renzocastro/5581178 to your computer and use it in GitHub Desktop.
Save renzocastro/5581178 to your computer and use it in GitHub Desktop.
jQuery Slider (example)
;(function($, undefined){
"use strict";
var anchoImagen = 400;
var totalImagenes = 5;
var imagenActual = 1;
$(document).one('ready', function(){
console.log('Ready!');
$('.slider-nav-next').on('click', function(e){
e.preventDefault();
var $miPadre = $(this).closest('.slider-nav');
var $slider = $('#' + $miPadre.data('slider'))
if( imagenActual >= totalImagenes ) {
return;
}
imagenActual++;
var ejeX = (imagenActual - 1) * anchoImagen * -1;
//$('ul', $slider)
$slider.find('ul').css(
Modernizr.prefixed('transform'),
'translate3d('+ ejeX +'px,0,0)'
);
});
});
})(jQuery);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment