jQuery pas animer les liens

Question

J'essaye d'obtenir l'effet de fondu de mon plugin de curseur d'image pour fonctionner correctement avec des liens.

Au moment où le curseur s'estompe correctement, les liens ne changent pas. La première image est censée lier à Google.com & le deuxième lien est censé lier à Hotmail.com mais les deux sont liés à Hotmail.com seulement (le lien pour la dernière image, c'est le cas, peu importe combien images que vous utilisez).

Pour le fondu J'utilise .animate({opacity:0}}) & 1, etc. Voici les lignes qui semblent effectuer l'animation (72, 215 216 & respectivement):

$(this.slides).css('opacity',0).eq(this.currentNo).css('opacity',1); 

$(this.slides).stop().animate({opacity:0}, { 
     duration: this.settings.duration, 
     easing:this.settings.easing 
}); 
$(this.slides).eq(index).stop().animate({opacity:1}, { 
     duration: this.settings.duration, 
     easing:this.settings.easing 
}); 

Source:http://pastebin.com/9JwaM9tg

site d'essai:http://matthewruddy.com/demo

Merci à tous ceux qui peuvent aider moi dehors. J'apprécie beaucoup.

Answer 1

Vous définissez uniquement l'opacité du li si bien qu'il ne soit pas visible, il est toujours affiché lorsque l'opacité atteint 0, vous devez définir display: none afin que le li est complètement caché cela devrait alors permettre de relier correctement l'image actuellement visible .

$(this.slides).css({'opacity':0, 'display':'none'}).eq(this.currentNo).css({'opacity':1, 'display':'block'}); 

$(this.slides).stop().animate({opacity:0}, { 
    duration: this.settings.duration, 
    easing:this.settings.easing, 
    complete:function(){ 
     $(this).css({'display':'none'}); 
    } 
}); 

$(this.slides).eq(index).stop().css('display','block').animate({opacity:1}, { 
    duration: this.settings.duration, 
    easing:this.settings.easing 
});