Buenas chicos, acudo aquí siempre que me encuentro en un callejón sin salida y bien, éste es un caso mas que no consigo explicarme.
He montado un script para hacer un "slideshow" en una pagina en blanco el cual funciona a la perfeccioon. Al meterlo en su sitio en la web, la funcion que mueve las imagenes y anima la barra de carga me salta ese error del titulo.
Uncaught RangeError: Maximum call stack size exceeded
Código Javascript
:
Ver originalfunction progresa($contenedor,$ancho_actual,$tiempo_estipulado) {
$tiempo = parseInt(defecto($tiempo_estipulado, $tiempo_entre_fases, false));
$reseteamos = defecto($ancho_actual, 'true', true);
if($reseteamos=="true") {
$('div.barras').stop(true,true);
$('div.barras').css({width:"0px"});
}
$($contenedor).animate(
{width:$ancho},
$tiempo,
function() {
if($contador==$totalID) $contador = "0";
$contador++;
$(".syncmedia div.mediacontainer").scrollTo('#to'+$contador ,800);
progresa('div#opcion'+$contador+' div.barras'); // Aqui es donde creo que está el problema
}
);
//alert(parseInt($tiempo));
}
El caso es que, en la propia web el mismo script que fabriqué en una pagina en blanco a parte no funciona y en dicha página, sí.
He estado buscando posibles razones de esto por internet y he dado con lo que creo que sería el origen, excesivas llamadas recursivas, pero no entiendo el motivo ya que solo llamo a la funcion una vez el .animate(); ha concluido.