slick-slider

    1热度

    1回答

    请参阅我的jsFiddle进行测试。 我使用这两个JS/jQuery插件,Ken Wheelers Slick Slider和Jakie Stfu Snap.js插件,这都依赖于触摸事件解雇其功能。 我希望能够相互结合使用插件。我创建了一个我的确切工作环境的jsFiddle。 你可以看到snap.js绘制幻灯片效果很好。而滑动滑块触摸事件也非常有效,但只有当滑动滑块左移滚动时才会如此。如果我尝试触

    1热度

    1回答

    我添加了滑动滑块来在我的网站上创建滑块。得到了工作点,并将它们附加到幻灯片中,作为让它们处于我想要它们的位置的唯一方法,但现在活动状态不适用于这些点。 可能是因为它包含了尽可能多的幻灯片。任何人都可以帮助我吗? $(document).ready(function() { $('.main-slider').slick({ infinite: true, slides

    0热度

    1回答

    我遇到了滑动滑块的问题。 我想在每张幻灯片上更改'slidesToShow'选项。 每个滑块页面代表一个组,并且只有正确的元素应显示在该页面上。 每张幻灯片都有一个数据组属性,我用它来计算元素并将其传递给'slickSetOption'。 https://jsfiddle.net/xnnm645x/3/ $('.slider').on('beforeChange', function (event

    1热度

    3回答

    我想知道是否有方法使用自定义滑块点。当我搜索时,我能找到的所有例子都是关于如何将幻灯片中的点变成缩略图的示例,但这不是我想要完成的。我只想使用我自己的PNG图片进行活动和非活动的点导航。我试过这个: $('.slick-dots li').html('<a href="#"><img src="slide-dot.png" /></a>'); $('.slick-dots li.slic

    0热度

    1回答

    我正在使用滑块浮油,并且我试图在当前幻灯片上显示某些div只有报价。我试图这样做: function displayQuote() { if ($('div').hasClass("slick-current")) { $(this).find('.quote').css('display', 'block'); } } displayQuote(); 但它不起作用。这里是全

    1热度

    1回答

    我使用滑块滑块与3滑块同步。 2滑块它工作正常,但当我尝试3滑块3类仍然只有2工作。 例如» https://jsfiddle.net/rk0tuoy7/6/ $('.slider-for').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: false,

    1热度

    1回答

    我使用滑动滑块并希望使滑块三角形形状。使用CSS3歪斜 &__shape { overflow: hidden; position: absolute; height: 100%; transform: skewX(-55.98deg); transform-origin: 100% 0; transition: all 1s ease;

    0热度

    1回答

    我试图在悬停时缩放幻灯片。但是,如果我启用包装的溢出,它也在X轴溢出,我只希望它垂直溢出。 请参阅codepen:http://codepen.io/faranali9/pen/qRPXGq HTML: <div class="wrapper"> <div class="container slider"> <div class="slide"> <img src=

    0热度

    1回答

    我正在尝试重新学习一些CSS,在编码多年之后。我正在尝试重新创建一个wordpress模板,并有一个图像滑块的问题。 我已经尝试了几个,并已在http://kenwheeler.github.io/slick/解决,但我有我的图像重叠的问题。他们都是相同的尺寸,我已经在网上搜索,但无法找到答案。 左侧和右侧箭头的图像被打破,滑块下面的点也是如此,对此有何建议? 我的网站是在这里:http://rd

    0热度

    1回答

    我已将几个滑动滑块集成到我的网站,作为幻灯片演示。它们都工作得很好,通常情况下除外,其中一个会在屏幕的中间创建一个巨大的隐藏按钮(请参阅pixture)。要清楚,这个按钮不是在我的HTML代码中创建的;相反,它是(我假设)由光滑作为动画的一部分创建。这是不幸的,因为它导致用户能够向右滚动到没有实际内容的地方,只是一个巨大的隐形按钮。我可以通过禁用水平滚动来解决这个问题,虽然这是治疗症状而不是疾病,