Tag: slick.js

Slick-carousel如何通过youtube api打开video时停止自动播放: 嗨，当我在滑块内使用youtube剪辑时，我无法获得光滑的旋转木马（ http://kenwheeler.github.io/slick/ ）来停止自动播放。有人说我可以使用onAfterChange，但仍然不知道如何在video打开时关闭自动播放（请注意，这是鼠标在video上的NOT时）这是我正在使用的代码任何帮助都会很好:) $(“#slider”).slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, dots: true, autoplay: true, autoplaySpeed: 7000, infinite: true }); /* **************************************** * * Youtube API * Create player * **************************************** */ var player; window.onYouTubePlayerAPIReady = function() { $(“#player”).hide(); var player_id = ‘player’; var $player = jQuery(‘#’+player_id); var parent = $player.parent(); player = new […]

Slick Carousel Uncaught TypeError：$（…）。click不是一个函数: 不知怎的，我无法正确使用光滑的旋转木马（ http://kenwheeler.github.io/slick/ ）。我收到以下错误： Uncaught TypeError: $(…).slick is not a function 我在我的javascript文件中运行以下代码： function initSlider(){ $(‘.references’).slick({ dots: false, infinite: true, speed: 300, slidesToShow: 1, autoplay: true, prevArrow: ”, nextArrow: ” }); } 我已经将最新的jQuery版本（2.1.4）与bower一起包含在内。我也尝试在我的布局模板文件的头部包含jQuery CDN，但这也没有解决任何问题。唯一可能意味着什么是奇怪的是，当我不使用函数调用滑块时，它确实有效，但它给了我错误： Uncaught TypeError: Cannot read property ‘add’ of null 我发现这意味着代码已经在加载DOM之前加载了，这是正确的（我认为）。提前致谢！编辑：我从我的代码创建了一个JSFiddle： https ：//jsfiddle.net/brz30e77/ EDIT2：在我的JS文件中添加新函数时，错误一直存在。我最终删除了连接的JS文件，发现有两个版本的jQuery被加载，其中一个非常非常老。

Ionic2如何在页面中使用JQuery插件: 我是离子2的新手，我创建项目并需要jquery插件链接colorbox，slick-carousel … 我在终端上运行命令 npm install jquery slick-carousel typings install jquery –ambient –save typings install slick-carousel –ambient –save 我导入了JQuery： import * as JQuery from ‘jquery’; import * as slick from ‘slick-carousel’; 然后离子错误是： Can not find module ‘slick-carousel’. 请帮我解决这个问题，或准备好示例，以便我参考。谢谢大家！

在第一张幻灯片上禁用Prev Control并在最后一张幻灯片上禁用Next控件: 使用Slick并寻找一种方法，在用户单击下一个箭头之前禁用和隐藏prev控件。同样，我想让Next控件在用户到达最后一张幻灯片后被禁用并隐藏。我想要完成的一个很好的例子就在这里光滑是否已经为此我忽略了一个属性？这是否可以通过添加禁用类使用CSS来实现？我发现的唯一相似之处就是这个 $(‘.pages .slider’).slick({ autoplay: true, autoplaySpeed: 5000, infinite: false, onAfterChange: function(slide, index) { if(index == 4){ $(‘.pages .slider’).slickPause(); 但它不完全是我想要的。

Slick.js：获取当前和总幻灯片（即3/5）: 使用Slick.js – 如何获得当前和总幻灯片（即3/5）作为点的简单替代？我被告知我可以使用回调参数对象来使用customPaging回调，但这究竟是什么意思？ $(‘.slideshow’).slick({ slide: ‘img’, autoplay: true, dots: true, customPaging: function (slider, i) { return slider.slickCurrentSlide + ‘/’ + (i + 1); } }); http://jsfiddle.net/frank_o/cpdqhdwy/1/

如何在Slick Carousel上更改幻灯片的宽度和高度？: http://kenwheeler.github.io/slick/ 一位朋友建议我使用Ken Wheeler的Slick旋转木马，我决定尝试一下。我遇到了一些问题。首先，幻灯片不会像他们应该那样“相互叠加”。它们垂直堆叠。当第一张幻灯片淡入时，它处于正确的位置，但是，当第二张幻灯片淡入时，它位于第一张幻灯片的下方。另请注意，在第一张幻灯片上，右边框被切除，在第二张幻灯片上，除了左边框之外的所有内容都被剪掉了。第二个问题是我似乎无法改变幻灯片的宽度或高度。它们都是相同的尺寸。（它们在我的css文件中的“精选”类中设置。）我究竟做错了什么？ BaseCMD :: Home Top Stories $(document).ready(function(){ $(‘#featured-articles’).slick({ arrows: true, autoplay: true, autoplaySpeed: 3000, dots: true, draggable: false, fade: true, infinite: false, responsive: [ { breakpoint: 620, settings: { arrows: true } }, { breakpoint: 345, settings: { arrows: true } } ] }); […]

带有Angular JS的光滑轮播: 我在我的一个AngularJS应用程序中使用Slick轮播。为此，我创建了如下指令： myApp.directive(‘slickSlider’,function(){ return { restrict: ‘A’, link: function(scope,element,attrs) { $(element).slick(scope.$eval(attrs.slickSlider)); } } }); 这是我在视图文件中的代码：在这种情况下，它工作正常并正确初始化。但是当我使用ngRepeat动态创建幻灯片时，它没有初始化并且一个接一个地显示幻灯片。这是我使用ngRepeat的代码有任何建议，我该如何解决？