prob class jquery listeffect
Good evening, I seek to make a presentation on a list of items (ul
li).
But the effects classical me enough, then I would apply an animation
feature.
Here is my class, which unfortunately does not work, and make this
week that I am looking for a solution.
my class :
/*############# jquery extend class fx list ################
############# Authors : gerits aurelien ##########*/
jQuery.fn.liFadeIn = function(settings){
var contener = this;
// settings par défaut
settings = jQuery.extend({
speed : 2000, // vitesse par défault (1
nombre en ms, ou "fast", "slow"
myfx : "fadeIn" // effet d'apparition par défault
"fadeIn", "show", "slideDown"
}, settings);
// fonction principal d'animation
var loopFade =function(){
var first = jQuery("li:hidden", contener).eq(0); // on
récupere le premier élément caché
var f = loopFade; // function qui
sera appelé a la fin du fade du li
if ( jQuery(first).lenght == 0) { // s'il n'y a
plus de li dispo,
f = null; // on arrete la
boucle
}
first[settings.myfx](settings.speed, loopFade); // le
fade en lui meme
}
// on retourne l'élément jQuery pour garder la magie du chainage
return this.each(function() {
jQuery("li", this).hide(); // on cache les li au
début(le mieux c'est de les mettre en display:none dans la css
loopFade(); // on commence la boucle d'apparition des li
});
};
If you know a solution
Best regards