Recientemente implementamos Nivo Slider con el fin de mostrar algunos banners con promociones en Tienda Clic (un sitio de venta en línea de artículos de computo), aparentemente todo marchaba bien pero por algún razón después de unos momentos se tronaba el proceso de Firebug y las transiciones no funcionaban como deberían Cabe mencionar que el sitio utiliza Prototype para las interacciones con Javascript por lo que añadir Nivo Slider que funciona con jQuery implicaba usar el modo de no conflictos con otras librerías por lo que sospechamos que el problema podría estar por ahí.
Se activo jQuery en modo de no conflictos.
|
1 2 3 |
<script type="text/javascript"> jQuery.noConflict(); </script> |
Se agrego el codigo para llamar a NivoSlider
|
1 2 3 4 5 6 7 8 9 |
<script type="text/javascript"> (function($){ $(document).ready(function(){ $('#slider').nivoSlider(); }); })(jQuery); </script> |
Después de unos momentos o segundos de esta funcionando la consola de Javascript mandaba el siguiente error: Uncaught RangeError: Maximum call stack size exceeded para solucionar el error basta con modificar en el archivo de jquery.nivo.slider.js la linea siguiente:
|
1 |
$.fn._reverse = [].reverse; |
a esto
|
1 |
$.fn._reverse = []._reverse; |
Para un explicacion completa de la solución pueden revisar el siguiente enlace: http://stackoverflow.com/questions/8724691/nivoslider-not-working-smoothly-on-magento
