Can't get this... trying to make the direction navigation arrows on <a href="http://nivo.dev7studios.com/" rel="nofollow">Nivo Slider</a> fade in rather then just <em>appear</em>. Here's the code that hide/shows the directional nab:
I'd assume it's as easy as changing
to
and
to
. However, after the first slide change, they go back to just <em>appearing</em>. (see that issue <a href="http://www.bridgecitymedical.com/wordpress/" rel="nofollow">here</a>) How can I solve this? <a href="http://nivo.dev7studios.com/wp-cont...o-slider/jquery.nivo.slider.pack.js?ver=3.2.1" rel="nofollow">Here</a> is the entire un-mified js file.
ETA: Just learned, the fade still goes <em>during</em> the transition from one slide to the next, and on the first slide before any transition. It would appear the transition effect breaks the fadein of the dir nav.
Code:
//Hide Direction nav
if(settings.directionNavHide){
$('.nivo-directionNav', slider).hide();
slider.hover(function(){
$('.nivo-directionNav', slider).show();
}, function(){
$('.nivo-directionNav', slider).hide();
});
}I'd assume it's as easy as changing
Code:
.hide()
Code:
.fadeOut('fast')
Code:
.show()
Code:
.fadeIn('fast')ETA: Just learned, the fade still goes <em>during</em> the transition from one slide to the next, and on the first slide before any transition. It would appear the transition effect breaks the fadein of the dir nav.