CODEWITHSUNDEEP
javascriptjquerycss
Learning
Learning

Reputation: 20031

How to add Fading effect to JSliderNews 2.0 (jQuery)

I want to find Fading effect to JSliderNews 2.0 but i am not sure how to do it tried but it didn't work 

$(document).ready( function(){  
    var buttons = { previous:$('#jslidernews2 .button-previous') ,
                        next:$('#jslidernews2 .button-next') };          
    $('#jslidernews2').lofJSidernews({
        interval:5000,
        effect: 'fade', //easing:'easeInOutQuad',
        duration:1200,
        auto:true,
        mainWidth:590,
        mainHeight:300,
        navigatorHeight: 76,
        navigatorWidth: 160,
        maxItemDisplay:4,
        buttons:buttons } );                        
    });

I made minor changes to the default code but still doesn't work i added effect & removed easing part which doesnt make any difference

effect: 'fade',
//easing:'easeInOutQuad',

Upvotes: 0

Views: 1580

Answers (1)

Kashif Naseem
Kashif Naseem

Reputation: 166

Add these options

direction       : 'opacity',
easing          : 'linear',

Upvotes: 1

Related Questions