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 plana la
idea es que salga un texto sobre la foto que es el logo de un artículo. Lo
hice tomando de un sitio que corre con WordPress un plugin de jQuery que se
llama Cycle y no cambié ninguno de los parámetros de configuración, pero
tiene un grave problema (además de las fotos): 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á errada.

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....


Muchas gracias,


Germán

-- 
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com



-- 
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a