2012-04-03 11 views
6

Así que tengo este control deslizante de imagen muy simple esta esta página aquí http://charlesbergertattoos.com/tattoos que funciona bien en IE y Firefox. La animación es realmente fluida y las imágenes realmente se deslizan, pero en Chrome no es uniforme.mi control deslizante de imagen jquery no es suave en cromo pero está bien en Firefox y IE

+0

Parece que hay un comportamiento diferente en Chrome, primero intenta atenuar la imagen y luego la desliza. En Firefox solo se desliza. – Diabolic

Respuesta

5

porque el evento click de su llamando slider_animate() directamente el no llamar a su plugin

en cromo cuando se hace que el slide_widths var es 0 porque definió y ejecutó la lógica de asignación fuera de la función de evento para que esté estática

tiene 2 opciones ponen esa línea dentro de la función slider_animate

var slide_widths = $(e).find('.holder > li:first').width(); 
//correct the variables name accordingly 

o llaman a la función propio plugin que es imgSlider

0

bien en el caraousel.js en la línea no. 32

tratar de usar algo sinónimo con el siguiente código en lugar de la presente me refiero a la .animate() llamar ... debe ser algo así como animados ({marginLeft: "233px"})

$('.browse.button.next.right').parent().find('.holder').children('li').eq('0').animate({marginRight: "-233px"}); 

esto funcionará como hacer clic anterior

$('.browse.button.next.right').parent().find('.holder').children('li').eq('0').animate({marginLeft: "233px"}) 

esto funcionará como siguiente clic

y estos trabajos sintaxis tanto en Chrome y Firefox ..

+0

aquí 233px es el ancho de la imagen ... así que tenemos que deslizar -/+ 233 px la imagen div..para cruzar a la izquierda/derecha –

Cuestiones relacionadas