Comunidad de diseño web y desarrollo en internet online

como hacer efecto de desvanecer entre imagenes

Citar            
MensajeEscrito el 05 Dic 2011 09:53 pm
Hola mi duda no es exactamente como hacer un slideshow con jquery, si no como hacerlo
automatico al numero de imagenes que este tenga.

Cuando conocia el numero de imagenes, solo colocaba algo como esto y listo:

Código :

function slideSwitch2() {
       
        $(".slideshow2 IMG:eq("+(5-kip)+")").animate({opacity: 0}, 1000, function() {            
         kip++;
         if(kip>4){$(".slideshow2 IMG").css('opacity','1.0');kip=0;}
        });
}


En este caso, es para 5 imagenes, y funcionaba perfecto, pero como puedo hacerlo para n cantidad de imagenes??

Por rod00x3

Claber

595 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 06 Dic 2011 05:08 pm
facil declaras una variable con el numero de imagenes que vas a mostrar

var numslides = 10;

y en tu funcion pones la variable numslides en vez del numero que conoces

Saludos cordiales

Por joshuavw

Claber

306 de clabLevel



Genero:Masculino  

Juego, aprendo y programo

firefox
Citar            
MensajeEscrito el 06 Dic 2011 05:24 pm
Antes que nada gracias por responder, eso ya lo hacia mi codigo, el problema es que desconosco el numero de imagenes, pensaba en algo como usar :last, :first de jquery
Pero nunca lo he usado, y no entiendo bien la documentacion.

Se que last se refiere al ultimo elemento de la coleccion, pero como compruebo si he llegado al ultimo elemento??, y detalles como ese.

Por rod00x3

Claber

595 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 06 Dic 2011 05:36 pm
creas un if y comparas el numerototal y el slide que esta en ese momento

saludos cordiales

Por joshuavw

Claber

306 de clabLevel



Genero:Masculino  

Juego, aprendo y programo

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.