Question

我有这个脚本，当点击下一个箭头转到下一张照片时会运行一个功能。

<script src="js/jquery.cbpFWSlider.min.js"></script>

如何自动调用此功能或滑动照片？

        $( function() {
            $( '#cbp-fwslider' ).cbpFWSlider( {speed : 1200, easing : 'ease'});
        } );

另外，我如何修改缓动：＆＃39;轻松＆＃39; 参数。其他价值观？

Answer 1

这对我有用。你可以在Autoplay JQuery slideshow Using cbpFWSlider

找到答案

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

Answer 2

我不知道这是否是获得所需结果的最有效方法，但请尝试使用window.setInterval( func, delay );延迟以毫秒为单位。

Answer 3

该插件使用缓动选项将CSS3属性“transition-timing-function”应用于该函数。要更改缓动值，请指定另一个有效值。

请参阅http://www.w3schools.com/cssref/css3_pr_transition-timing-function.asp作为参考。

自动滑动照片jQuery图像滑块

3 个答案: