Question

我正在尝试在此处安装该脚本：https://www.jqueryscript.net/slider/Basic-Content-Carousel-Slider-Plugin-With-jQuery-gaBasicSlider.html

我对jquery不太了解，但是，我尽力遵循了说明。

在说明的第3步中，他们说要使用以下代码初始化插件：

$(document).ready(function(){         
  $('#example').gaBasicSlider();
});

这些设置可供使用：

// enable auto rotation
animate: true,
// animation delay time
animationDelay: 6000,
// animation duration time
animationTime: 300,
// CSS selector for custom indicator
indicators: null,
// CSS selector for custom next button
btnNext: null,
// CSS selector for custom previous button
btnPrevious: null

所以我的问题是，如何使用以上设置？我尝试做类似的事情，但是设置似乎没有生效。我做错了吗？见下文：

$(document).ready(function(){         
      $('#example').gaBasicSlider();
     animationDelay: 2000,
     animationTime: 100,
    });

我在正确的位置使用设置了吗？还是应该是一个单独的功能？

Answer 1

赞：

$('#example').gaBasicSlider({
  btnNext : $('#example-next'),
  btnPrevious : $('#example-previous'),
  indicators : $('#example-indicators'),
  animate: false
});

Answer 2

https://gregartist.github.io/ga-basic-slider/

根据文档，它看起来像是在创建时向其传递了具有所需值的对象

$(document).ready(function(){         
  $('#example').gaBasicSlider({
    animationDelay: 200,
    animationTime: 100
  });
});

试图弄清楚如何安装这个jQuery脚本

2 个答案: