如何实现SlitSlider jQuery插件

时间:2013-04-05 15:19:46

标签: jquery slideshow carousel

我正在尝试实施SlitSlider carousel,但严重缺乏文档,因此我遇到了麻烦。

有没有人成功使用过这个?我一直在TypeError: self._init is not a function

可以在gitub

上找到该代码

到目前为止我的代码:

function initiate() {
        var $slider = $('ul.slider');

        $slider.slitslider({
            autoplay: true,
            interval: 1000
        });
} 

initiate();

1 个答案:

答案 0 :(得分:1)

我刚刚在我的网站上实现了这个滑块,并努力让它发挥作用。如果没有看到完整的代码,很难说它为什么不适合你。但我确实认为脚本需要在页面上非常具体地调用:

S(document.ready(function(){
    var loaded = false;        
    $(window).on('load resize',function(){
        loaded = true;            
        var Page = (function() {
            slitslider = $('ul.slider').slitslider({
                autoplay: true,
                interval: 1000
                }
            }),
            init = function(){
                initEvents();
            },
            initEvents = function(){
                // add your custom navigation events here
            };
            return {init:init};
        }) ();
        Page.init();
    });
});

我包含了$(window).on(' load resize')函数,以防止来自FOUC的slitslider CSS元素。希望这有帮助!

在我的网站上全屏实施了完整的幻灯片:http://www.estherlee.co