Slick Slider 不適用於黎明的產品推薦部分 shopify

[英]Slick Slider doesn't work with shopify dawn's product recommendation section

我試圖在產品推薦部分顯示 6 種產品，我想在 slider 中顯示它們。我使用 slick slider 來創建我所有的滑塊，但此時它不起作用，slick slider 沒有初始化，我的 slick 代碼是完美，go有什么錯？ 這是我的代碼.. 光滑的 js 產品推薦.liquid ...

如果活動幻燈片是第一張幻燈片，如何將最后一張幻燈片的不透明度更改為 0（透明）？

[英]How can I change the last slide opacity to 0 (transparent) if the active slide is the first one?

當居中的幻燈片是第一張時，我想將最后一張幻燈片的不透明度設置為 0。 這是我到目前為止所做的事情的筆跡： https://codepen.io/Guerreiro-Borghi/pen/NWBRqLa 歡迎任何幫助！ 謝謝！ 我試過了 ...

使用 ajax 將幻燈片添加到 Slick

[英]Adding slides to Slick with ajax

所以我正在使用 Slick Carousel，並且出於性能原因，我在其中顯示了我的數據庫中的產品列表，該列表限制為 24 個。 但我需要顯示所有這些，所以我做了一個 afterChange 函數，每次用戶在結束前 2 張幻燈片時，ajax 加載另外 24 個產品，並使用 slickAdd 函數將它 ...

Slick slider 不會在轉換時加載第一張幻燈片

[英]Slick slider does not load the first slide on transition

我在使用無限 slider 時遇到問題，當從最后一張幻燈片移動到第一張時，會出現一張白色幻燈片，然后只有第一張，沒有平滑過渡。 在此處輸入圖像描述也許 slider 有一些加載選項？ ...

如何用這種顯示 animation 創建一個 slider？

[英]How to create a slider with this kind of revealing animation?

我想弄清楚如何創建具有這種揭示效果的 slider。 請幫我提供所需的代碼？ 我不知道如何開始制作這種效果在此處輸入圖像描述 ...

蓋茨比 jquery 光滑 $ 未定義

[英]Gatsby jquery slick $ is not defined

我的 gatsby 5 有問題，它使用“頭盔”導入 jquery 和 slick.js 而不刷新頁面，腳本可以運行，但是當我單擊 f5（清除緩存）時，我突然收到一個錯誤“$未定義”或“jquery 未定義”我覺得它們不會以正確的 js 順序加載可能是一個錯誤，但我可能是錯的。 你會幫忙嗎？ ...

Slick slider 進度條與幻燈片數量不匹配

[英]Slick slider progress bar doesn't match number of slides

我創建了一個輪播，總共包含7個項目。 此輪播將默認展示5 。 在我的演示中，我遇到了兩個問題： slider 設置為infinite ，但是，當它返回幻燈片 1 時進度條不會重置。 一旦 slider 到達終點，它就會跳回幻燈片 1（而不是平滑過渡） 一旦幻燈片 7（卡片 7）在視圖中，那么進度條 ...

是否可以在光滑的 slider 分頁中隱藏一些元素？

[英]Is it posible to hide some elements in slick slider pagination?

假設光滑的 slider 分頁有 25 頁（可能在移動設備上） 是否可以設置一個光滑的 slider 來顯示如下所示的分頁？ 分頁塊： < 1... 2 3 4... 25 > 更新：我的意思是隱藏一些頁面並顯示這些點 ...

光滑的輪播代碼適用於小提琴，但不適用於我的網站？

[英]Slick carousel code works on fiddle but doesn't on my website?

我找到了光滑的旋轉木馬。 我一直在研究它並對其進行編碼。 出於某種原因，我的代碼在 fiddle 上輸入時可以正常工作，但在我的網站或 stackoverflow 代碼片段上卻不能。 我一直在審查代碼很長一段時間，試圖找出問題所在。 對可能出現的問題有什么建議嗎？ 我已將我的代碼添加到下面的代碼段 ...

Slick Slider 可變寬度菜單和項目結束后的點擊問題

[英]Slick Slider Variable width menu and click issue after items end

光滑的 slider 具有可變寬度的項目和右側的箭頭，即使在最后一個項目到達末尾后也會滾動。 有任何解決這個問題的方法嗎？ fiddle鏈接： https://jsfiddle.net/abhiklpm/60hy4j3z/ （連續點右箭頭可以看到問題）。 如果可能的話，如果項目數小於寬度，我想隱藏 ...

光滑的 Slider 未顯示在 Bootstrap5 選項卡內容中

[英]Slick Slider not showing up within Bootstrap5 Tab content

我正在嘗試將光滑的 slider 與 Bootstrap5 Nav 一起使用，除非我調整 window 的大小，否則 slider 不會出現在活動標簽內容中。 我試圖安排嵌入式 JavaScript 的順序，而 slider 反而壞了。 它適用於純文本但不是光滑的 slider，問題似乎是 Boot ...

光滑的輪播從 img alt 標簽添加單獨的標題

[英]Slick carousel add separate captions from img alt tag

我有一個光滑的輪播，我試圖從 img alt 標簽創建單獨的標題。 但是它不起作用，我沒有收到任何錯誤。 我想從每個的 img alt 標簽中獲取標題，然后將它們包裝在一個單獨的 div 中，然后隨着您 go 通過輪播中的圖像而改變標記如下： jQuery(document).ready(() = ...

在 Slick slider 中為“nextArrow”選擇多個元素

[英]Selecting multiple elements for "nextArrow" in Slick slider

我正在嘗試將兩個單獨的元素應用於光滑的 slider 中的 nextArrow function。 但我沒有讓它工作。 這是代碼： 我以為是&&或|| 可以將 nextArrow function 應用於兩者。 但我認為這不起作用？ ...

當 class 不存在時 if else 語句中斷導致 null

[英]if else statement breaks when a class doesn't exist result in a null

我正在創建一個 if/else 語句循環來檢查 class 是否存在。 如果存在，請獲取 html 屬性 data-id 並在光滑的輪播 initialSlide 中顯示其值。 如果沒有，它會在第二個 else/if 中檢查 class 是否存在，如果它確實這樣做了。 如果第一條和第二條語句失敗， ...

光滑的 Slider 與 Slider 僅通過箭頭同步和滑動

[英]Slick Slider with Slider Synching and Sliding only via Arrows

因此，在Slider 同步部分的 slick -slider官方文檔中，底部 slider 在單擊幻燈片時會移動。 是否可以使底部 slider 僅在箭頭上滑動，向左或向右，單擊？ 我已經搜索了文檔，但找不到任何關於此的內容。 文檔中的代碼： ...

Slick Carousel -“slickRemove”方法無法根據“click”事件或“data-slick-index”屬性刪除“slick-clone”幻燈片/項目

[英]Slick Carousel - The "slickRemove" method is unable to remove the "slick-cloned" slide/item based on the "click" event or "data-slick-index" attribute

錯誤/問題的簡短描述，請在下面提供更多詳細信息。 我正在構建一個拖放式測驗應用程序。 如果用戶拖動克隆項目（默認情況下，slick 在無限循環選項中生成克隆項目）並將其放置在正確的放置區，我想根據“data-slick-index”屬性值從輪播中刪除放置的項目掉落的物品。 但是Slick Carou ...

Slick.js 為居中之前和之后的所有幻燈片設置類

[英]Slick.js set classes for all slides before and after the centered one

我正在使用 slick.js 輪播，我需要為之前的所有幻燈片和居中的幻燈片之后的所有幻燈片設置不同的 styles。 所以我使用了這些 css 樣式規則： 我有兩個問題： .slick-center class，以5個元素滑動為例，在slide的末尾的animation不適用於居中的slide： ...

鏈接和父 Div 的 SlickSlider Javascript Hover 效果

[英]SlickSlider Javascript Hover Effect for Link and Parent Div

您好，我已經構建了這個旋轉木馬，我們想在按鈕上添加一個 hover 效果。 每個按鈕只是一個帶有“slick-slide”或“slick-active”的 class 的 div。 “Slick-Active”是您在視口中看到的任何按鈕 (div) 的 class。 每個 div 只包含一個鏈接 ...

如何使用 Carousel Anything 更改中心模式 position - Elementor 的 Plus 插件

[英]How to change center mode position using Carousel Anything - The Plus Addon for Elementor

我正在使用 Carousel Anything - Elementor 的 Plus 插件，使用中心模式，2 列可見，它看起來像這樣旋轉木馬的圖像但是，我想將中心模式切換到左列。 我想不出這樣做的代碼。 有人可以幫我弄這個嗎。 非常感謝您的支持。 ...

如何使用 slick.js 插件在中間圖像上添加邊框

[英]How to add border on middle image with slick.js plugin

我正在使用 slick 插件來滑動一些圖像，一次顯示 3 張圖像，然后像往常一樣你可以一張一張地滾動。 我說的插件是： slick 我的目標是在中間圖像上添加帶有邊框的突出顯示樣式（如下圖所示），我只是通過在第一張圖像中添加一些 CSS 樣式來實現這一點，但是當你滑動它時它就會從中間消失，那就是不是 ...