简体   繁体   中英

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',

Add these options

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

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM