自动播放JQuery幻灯片使用cbpFWSlider

前端之家收集整理的这篇文章主要介绍了自动播放JQuery幻灯片使用cbpFWSlider前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_502_0@
我正在使用cbpFWSlider,它似乎没有包含autoplay选项.我对 Jquery很新,并且已经Google搜索到了天堂,但尚未找到解决方案.这是可以添加的东西吗?开源脚本在这里:
http://tympanus.net/codrops/2013/02/26/full-width-image-slider/

解决方法

您可以在右(或左)按钮中设置单击事件
$('document').ready(function(){
                // init slider
                $('#cbp-fwslider').cbpFWSlider();

               /**
                     Set a 3 seconds interval
                     if next button is visible (so is not the last slide)  click next button
                     else it finds first dot and click it to start from the 1st slide
                **/
                setInterval( function(){
                    if($('.cbp-fwnext').is(":visible"))
                        {
                            $('.cbp-fwnext').click();   


                }
                else{
                        $('.cbp-fwdots').find('span').click();
                    }
            },3000 );
        });

猜你在找的jQuery相关文章