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

我正在使用滑塊浮油，並且我試圖在當前幻燈片上顯示某些div只有報價。我試圖這樣做： function displayQuote() { if ($('div').hasClass("slick-current")) { $(this).find('.quote').css('display', 'block'); } } displayQuote(); 但它不起作用。這裏是全

1熱度

1回答

滑動滑塊同步滑塊 - 3

我使用滑塊滑塊與3滑塊同步。 2滑塊它工作正常，但當我嘗試3滑塊3類仍然只有2工作。例如» https://jsfiddle.net/rk0tuoy7/6/ $('.slider-for').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: false,

1熱度

1回答

使用CSS滑動滑塊的三角形

我使用滑動滑塊並希望使滑塊三角形形狀。使用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代碼中創建的;相反，它是（我假設）由光滑作爲動畫的一部分創建。這是不幸的，因爲它導致用戶能夠向右滾動到沒有實際內容的地方，只是一個巨大的隱形按鈕。我可以通過禁用水平滾動來解決這個問題，雖然這是治療症狀而不是疾病，