jQuery не анимационные ссылки

Question

Я пытаюсь получить эффект затухания моего плагина слайдера изображения для правильной работы со ссылками.

В настоящий момент слайдер исчезает правильно, однако ссылки не могут измениться. Предполагается, что первое изображение должно ссылаться на Google.com &, вторая ссылка должна ссылаться на Hotmail.com, однако оба они ссылаются только на Hotmail.com (ссылка для последнего изображения, это так, независимо от того, сколько изображения, которые вы используете).

Для достижения замирание я использую .animate({opacity:0}}) & 1 и т.д. Вот строки, которые, кажется эффект анимации (72, 215 & 216 соответственно):

$(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 
}); 

Источник:http://pastebin.com/9JwaM9tg

сайт

Теста:http://matthewruddy.com/demo

Благодаря всем, кто может помочь меня. Действительно ценю это.

Answer 1

Вы только установив непрозрачность li так, пока не видно, что по-прежнему отображается, когда мутность достигает 0, вы должны установить display: none так что li полностью скрыт это должно затем позволить себе видимое изображение, чтобы связать должным образом ,

$(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 
});