Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery滑块localScroll&;一起循环功能-不工作_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript jQuery滑块localScroll&;一起循环功能-不工作

Javascript jQuery滑块localScroll&;一起循环功能-不工作,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我目前正在“尝试”同时实现localscroll和cycle函数来创建一个滑块。滑块应该有两个按钮(左和右),具有自动旋转循环。localscroll和click功能应该在底部有一些小按钮,用户可以通过这些按钮导航到旋转滑块中的某个图像 循环功能起作用。但是localscroll功能不起作用 jQuery: $(document).ready(function() { $("#slideshow").css("overflow", "hidden");

我目前正在“尝试”同时实现localscroll和cycle函数来创建一个滑块。滑块应该有两个按钮(左和右),具有自动旋转循环。localscroll和click功能应该在底部有一些小按钮,用户可以通过这些按钮导航到旋转滑块中的某个图像

循环功能起作用。但是localscroll功能不起作用

jQuery:

    $(document).ready(function() {
        $("#slideshow").css("overflow", "hidden");
        $("#slideshow-nav").css("visibility", "visible");
    $("#slideshow-nav a[href=#lambo1]").addClass("active");

    $("#slideshow-nav").localScroll({
            target:'#slideshow', axis: 'x'
    });

$("#slideshow-nav a").click(function(){
            $("#slideshow-nav a").removeClass("active");
            $(this).addClass("active");
    });

    $("ul#slides").cycle({
            fx: 'fade',
            pause: 1,
            prev: '#prev',
            next: '#next'
    });

    $("#slideshow").hover(function() {
    $("ul#nav").fadeIn();
    },
            function() {
    $("ul#nav").fadeOut();
    });
}))

您可能想试试。开箱即用,它具有您正在寻找的功能,如果您需要定制,还可以提供许多选项

<script type="text/javascript">
jQuery(window).load(function(){
jQuery("#nivoslider-4").nivoSlider({
    effect:"random",
    slices:15,
    boxCols:8,
    boxRows:4,
    animSpeed:500,
    pauseTime:3000,
    startSlide:0,
    directionNav:true,
    controlNav:true,
    controlNavThumbs:false,
    pauseOnHover:true,
    manualAdvance:false
});
});
</script>

jQuery(window).load(函数(){
jQuery(“nivoslider-4”).nivoslider({
效果:“随机”,
片数:15,
boxCols:8,
箱排:4,
速度:500,,
暂停时间:3000,
开始滑动:0,
方向导航:对,
控制导航:是的,
controlNavThumbs:错误,
pauseOnHover:是的,
手动提前:错误
});
});

谢谢。目前我正在使用一个非常封闭的系统(基于CMS)。我们目前受到可以使用的脚本的限制。这个看起来很安全。