il mio slider di immagine jquery non è fluido in chrome ma va bene in firefox e IE

Question

Quindi ho questo slider di immagini veramente semplice questa pagina qui http://charlesbergertattoos.com/tattoos che funziona bene in IE e firefox. L'animazione è molto fluida e le immagini effettivamente scivolano, ma in cromo non è affatto liscia.

Answer 1

• demo:http://jsbin.com/oruxip

perché sul evento click la vostra vocazione slider_animate() direttamente il tuo non chiamare il plugin

in cromo quando fai così la slide_widths var è 0 perché hai definito ed eseguito la logica di assegnazione al di fuori della funzione evento in modo che fosse statica

si hanno 2 opzioni messe che la linea all'interno della funzione slider_animate

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

o chiamare la funzione plug-in sé, che è imgSlider

Answer 2

bene nel caraousel.js on line no. 32

provare a utilizzare qualcosa sinonimo al seguente codice al posto di quello attuale intendo la .animate() chiamata ... dovrebbe essere qualcosa come animato ({marginLeft: "233px"})

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

questo funzionerà come precedente click

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

questo funzionerà come clic successivo

e questi lavori la sintassi sia in Chrome e Firefox ..