Ver Mensaje Individual
  #3 (permalink)  
Antiguo 27/02/2012, 16:23
Avatar de wolfmoon
wolfmoon
 
Fecha de Ingreso: octubre-2007
Mensajes: 189
Antigüedad: 16 años, 6 meses
Puntos: 2
Respuesta: Problemas añadiendo contenido dinamico

Cita:
Iniciado por maycolalvarez Ver Mensaje
¿te los duplica?, seria bueno que postearas parte del código, o el link para ver que sucede, así es más fácil ayudarle
Si, perdona que fallo, os pongo los codigos ahora mismo, decir que si en vez de cargar los contenidos desde el dom los cargo directamente en el html el slider funciona correctamente.

codigo slider
Código Javascript:
Ver original
  1. function iniciarSlider(){
  2. var slider = {};
  3.  
  4. slider.initQuery = '.slider';
  5.  
  6. slider.slider = $( slider.initQuery + " ul,ul"+slider.initQuery);
  7. slider.slides = slider.slider.find('li');
  8. slider.number = slider.slides.length;
  9. slider.actual = 0;
  10. slider.height = 0;
  11. slider.width = 0;
  12.  
  13.  
  14. for(i=0;i<slider.number;i++)
  15. {
  16.   var w = $(slider.slides[i]).width();
  17.   var h = $(slider.slides[i]).height();
  18.   slider.height = ( h > slider.height  ) ?  h : slider.height; 
  19.   slider.width = ( w > slider.width  ) ? w : slider.width; 
  20. }
  21.  
  22.  
  23. slider.slider.css({
  24.   overflow: "hidden",
  25.   width: slider.width,  
  26.   height: slider.height,
  27.   position: 'relative'
  28. });
  29.  
  30. for (var i=0;i<slider.number;i++)
  31. {
  32.   var sl = $(slider.slides[i]);
  33.   sl.attr('class',sl.attr('class') + " slider-slide-"+i);
  34.   sl.css({
  35.     position : 'absolute',
  36.     left : slider.width * i
  37.   });
  38. }
  39.  
  40. slider.go = function (where) {
  41.   if (where == 'next')
  42.   {
  43.     slider.actual = ( slider.actual < slider.number-1) ? slider.actual*1 + 1 : 0;
  44.   }
  45.   else if (where == 'prev')
  46.   {
  47.     slider.actual = ( slider.actual > 0) ? slider.actual - 1 : slider.number-1;
  48.   }
  49.   else
  50.   {
  51.     slider.actual = where;
  52.   }
  53.  
  54.   for (var i=0;i<slider.number;i++)
  55.   {
  56.     var sl = $(slider.slides[i]);
  57.     sl.animate({
  58.        left : slider.width * (i - slider.actual)
  59.     },500, 'easeInOutExpo');
  60.   }
  61. };
  62. }

Aqui el codigo donde cargo los li
Código Javascript:
Ver original
  1. function loadMovil() {     
  2.        
  3.         $('.services').append('<div id="services-movil"><div class="slider"><ul><li></li><li></li></ul></div></div>');
  4.  
  5. loadiniciarSlider();
  6.  
  7. }

A loadMovil lo llamo desde un boton con un bind click...