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
Respuesta
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
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 ..
aquí 233px es el ancho de la imagen ... así que tenemos que deslizar -/+ 233 px la imagen div..para cruzar a la izquierda/derecha –
- 1. jQuery event.target no funciona en Firefox e IE?
- 2. evento no se define en Firefox, pero está bien en Chrome e IE
- 3. Google Charts: Gráfico de líneas: no se muestra en IE y Firefox, pero funciona en cromo
- 4. iframe Imagen de fondo que muestra bien en Firefox pero no en IE
- 5. Etiqueta de anclaje que no funciona en firefox y cromo
- 6. Control deslizante en mi PreferenceScreen
- 7. innerHtml funciona en IE y Firefox, Chrome, pero no
- 8. Quitar resaltado en el control deslizante de jQuery
- 9. navigator.geolocation.getCurrentPosition siempre falla en cromo y firefox
- 10. jQuery texto() llamada conserva saltos de línea en Firefox pero no en IE
- 11. Cómo escalar una imagen en iOS, suavizada pero no suave?
- 12. recuerde que passowrd funciona en ff pero no en ie y cromo
- 13. window.onmousemove en IE y Firefox
- 14. </br> no funciona en firefox y cromo
- 15. Las miniaturas del control deslizante de Nivo no se muestran correctamente en IE
- 16. Cambiar para .each() en firefox y cromo
- 17. html5 drawImage funciona en firefox, no en cromo
- 18. jQuery UI error de tamaño variable (?) En Firefox y IE
- 19. jQuery slideDown no es suave
- 20. Firefox texto 1px más bajo que cromo y es decir
- 21. -webkit-box-reflect en firefox y IE - CSS
- 22. Cursor: la mano no funciona en cromo y mozilla pero funciona en ie
- 23. Evento no está definido en el IE funciona en Firefox
- 24. jQuery $ .ajax no funciona en IE8 pero funciona en Firefox y Chrome
- 25. Buttondownfcn no funciona en el control deslizante
- 26. .NET no confía en mi certificado autofirmado, pero IE sí?
- 27. Rango del control deslizante jQuery
- 28. Haga clic en incendios de eventos en IE/Firefox, pero Chrome está abandonando la asignación de eventos
- 29. botones de opción desaparecen en IE y cromo
- 30. Jquery Form.submit() en Chrome funciona pero no en Firefox
Parece que hay un comportamiento diferente en Chrome, primero intenta atenuar la imagen y luego la desliza. En Firefox solo se desliza. – Diabolic