Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Por qué se detiene en imagen nro. 23??

Estas en el tema de Por qué se detiene en imagen nro. 23?? en el foro de Frameworks JS en Foros del Web. Tengo el slideshow pegado abajo que debe mostrar 50 imagenes diferentes. Está todo OK en el hmtl y css y el slide funciona, pero cuando ...
  #1 (permalink)  
Antiguo 02/06/2012, 17:19
 
Fecha de Ingreso: junio-2010
Mensajes: 27
Antigüedad: 14 años, 5 meses
Puntos: 0
Por qué se detiene en imagen nro. 23??

Tengo el slideshow pegado abajo que debe mostrar 50 imagenes diferentes. Está todo OK en el hmtl y css y el slide funciona, pero cuando llega a la foto #23 se detiene el carrousel y se queda colgado en esa foto...
No encontré ningún error de tipeo en el body ni en el script ni nada que lo explique, por lo que entiendo que o es muy denso el numero de imagenes para el plugin o hay algo en el código que no entiendo y que está saturando el framework...

Código Javascript:
Ver original
  1. (function($){  
  2.  
  3.     $.fn.recinslid = function(vars) {      
  4.        
  5.         var element     = this;
  6.         var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 0;
  7.         var current     = null;
  8.         var timeOutFn   = null;
  9.         var faderStat   = true;
  10.         var mOver       = false;
  11.         var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");
  12.         var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
  13.            
  14.         items.each(function(i) {
  15.    
  16.             $(items[i]).mouseover(function() {
  17.                mOver = true;
  18.             });
  19.            
  20.             $(items[i]).mouseout(function() {
  21.                 mOver   = false;
  22.                 fadeElement(true);
  23.             });
  24.            
  25.         });
  26.        
  27.         var fadeElement = function(isMouseOut) {
  28.             var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
  29.             thisTimeOut = (faderStat) ? 10 : thisTimeOut;
  30.             if(items.length > 0) {
  31.                 timeOutFn = setTimeout(makeSlider, thisTimeOut);
  32.             } else {
  33.                 console.log("Poof..");
  34.             }
  35.         }
  36.        
  37.         var makeSlider = function() {
  38.             current = (current != null) ? current : items[(items.length-1)];
  39.             var currNo      = jQuery.inArray(current, items) + 1
  40.             currNo = (currNo == items.length) ? 0 : (currNo - 1);
  41.             var newMargin   = $(element).width() * currNo;
  42.             if(faderStat == true) {
  43.                 if(!mOver) {
  44.                     $(items[currNo]).fadeIn((timeOut/6), function() {
  45.                         if($(itemsSpan[currNo]).css('bottom') == 0) {
  46.                             $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
  47.                                 faderStat = false;
  48.                                 current = items[currNo];
  49.                                 if(!mOver) {
  50.                                     fadeElement(false);
  51.                                 }
  52.                             });
  53.                         } else {
  54.                             $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
  55.                                 faderStat = false;
  56.                                 current = items[currNo];
  57.                                 if(!mOver) {
  58.                                     fadeElement(false);
  59.                                 }
  60.                             });
  61.                         }
  62.                     });
  63.                 }
  64.             } else {
  65.                 if(!mOver) {
  66.                     if($(itemsSpan[currNo]).css('bottom') == 0) {
  67.                         $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
  68.                             $(items[currNo]).fadeOut((timeOut/6), function() {
  69.                                 faderStat = true;
  70.                                 current = items[(currNo+1)];
  71.                                 if(!mOver) {
  72.                                     fadeElement(false);
  73.                                 }
  74.                             });
  75.                         });
  76.                     } else {
  77.                         $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
  78.                         $(items[currNo]).fadeOut((timeOut/6), function() {
  79.                                 faderStat = true;
  80.                                 current = items[(currNo+1)];
  81.                                 if(!mOver) {
  82.                                     fadeElement(false);
  83.                                 }
  84.                             });
  85.                         });
  86.                     }
  87.                 }
  88.             }
  89.         }
  90.        
  91.         makeSlider();
  92.  
  93.     };  
  94.  
  95. })(jQuery);

Etiquetas: detiene, funcion, jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:08.