[Spip-es] Slideshow en SPIP [javascript] (offtopic?)

From : german@... , the 10th March 2010 09:17
  • 2010-03-10 09:17:51 — german@... - [Spip-es] Slideshow en SPIP [javascript] (offtopic?)

Hola, Primero que todo dos disculpas: una porque este tema es un poco "off-topic" y la otra porque no he terminado de aprender JavaScript ni jQuery que cada vez veo que son herramientas indispensables en nuestro trabajo cotidiano como webmasters. Tengo un problema con JavaScript y no sé como entrarle, para el sitio http://roboticaescolar.com/ hice un slideshow que está en primera la idea es que salga un texto (que viene del artículo) sobre la foto que es el logo de un artículo, la hice tomando de un sitio sobre WordPress un plugin de jQuery que se llama Cycle y no cambié ninguno de los parámetros de configuración, estoy bastante contento con el resultado (bueno, las fotos podrían ser mejores), pero tiene un grave problema: en el primer ciclo, la última imagen se entromete y hace que la información que aparece encima de las fotos no concuerde con ellas, sin embargo cuando pasa el primer ciclo funciona perfectamente, pero son 12 productos así que para el visitante de primera vez la información siempre está herrada. Abajo pego el código de control de jQuery Cycle, la verdad aun no manejo bien estos conceptos y me gustaría aprender a diseñar mis propias presentaciones, El plugin están en mi servidor en http://roboticaescolar.com/squelettes/js/jquery.cycle.all.min.js y la hoja de estilos en http://roboticaescolar.com/squelettes/css/slides.css -------------------------------- inicia archivo de control scripts.js ----------------------------------- var autoSlide = true; var autoSlideSecs = 10; var proj = 0; var interval = null; function textSlideIn(proj) {     $('ul.text').children('li:eq('+proj+')').animate({ right: "-1px" }, 700); } function textSlideOut(proj) {     $('ul.text').children('li:eq('+proj+')').animate({ right: "-280px" }, 700); } function photoFadeIn(proj) {     $('ul.photo').children('li:eq('+proj+')').fadeIn(700); } function photoFadeOut(proj) {     $('ul.photo').children('li:eq('+proj+')').fadeOut(700); } function photoPutBehind(proj) {     $('ul.photo').children('li:eq('+proj+')').css('z-index', 0); } function nextSlide() {     $('ul.photo').children('li:eq('+proj+')').css("z-index", 2);     setTimeout('photoFadeOut('+proj+')', 1000);     setTimeout('photoPutBehind('+proj+')', 1500);     textSlideOut(proj);     proj++;     var i = $('ul.text li').size() - 1;     if (proj>i) proj = 0;     setTimeout('photoFadeIn('+proj+')', 1500);     setTimeout('textSlideIn('+proj+')', 1000); } -------------------------------- termina archivo de control scripts.js ----------------------------------- No he querido tocarlo para nada porque funciona bien en el segundo ciclo y no entiendo cómo se podría manejar.... Otra cosa es que encontré un plugin de SPIP http://www.spip-contrib.net/Plugin-Spip-jQuery-Cycle que incorpora el de jQuery (y otros juguetes) pero aun no logro entender como puedo crear modelos o usarlo en mis esqueletos, estoy estudiando a ver si entiendo pero agradecería si alguien más está interesado puede ser para trabajar juntos... Germán --  Germán Bustos (+57)3177381339 Atarraya http://atarraya.org http://germanbustos.com