使用CarouFredSel的滑块

Question

我正在尝试使用我的网页滑块，但我不能得到它。我正在尝试CarouFredSel幻灯片。我是一个初学者，正在尝试通过Youtube视频制作网页。

这是我的main.js

jQuery(document).ready(function(){

"use strict";
$('#slider-carousel').carouFredSel({
    responsive:true,
    width:'100%',
    circular:true,
    scroll:{
            items:1,
            duration:500,
            pauseOnHover:true;
    },
    auto:true;
    items:
    {
        visible:{
            min:1,
            max:1;
        },
        height:"variable"
    },
    pagination:{
        container:".sliderpager",
        pageAnchorBuilder:false
    }
});

})

我现在使用的youtube视频是，

https://www.youtube.com/watch?v=RHj5bdrfCr8&t=614s

下载"jquerycarouFredSel-6.2.1-packedjs“文件

https://github.com/Codeinwp/carouFredSel-jQuery

Answer 1

您的代码中存在语法错误，请检查以下内容：

不要在选项中使用；

$('#slider-carousel').carouFredSel({
    responsive:true,
    width:'100%',
    circular:true,
    scroll:{
            items:1,
            duration:500,
            pauseOnHover:true
    },
    auto:true,
    items:
    {
        visible:{
            min:1,
            max:1
        },
        height:"variable"
    },
    pagination:{
        container:".sliderpager",
        pageAnchorBuilder:false
    }
});

Answer 2

如果你是一个初学者，那么你应该使用滑块。这很简单。希望你能实现它。我会分享给你一个链接。

https://kenwheeler.github.io/slick/