flickity

0熱度

1回答

我有一個使用CSS庫Flickity的水平滾動導航欄。我修改了傳送帶模板，以便在選擇傳送帶單元時，它會捕捉到導航欄的中心。我在旋轉木馬中有5個單元格，分別命名爲'幻燈片1'，'幻燈片2'，等等。我試圖弄清楚如何僅在選擇傳送帶單元格時顯示相應的內容。否則我需要隱藏內容。 <nav> <div class="carousel" data-flickity> <div class="c

0熱度

1回答

Drupal 8上的滑動滑塊

我正在嘗試在drupal 8上設置滑動滑塊，它似乎不起作用，並且在設置這個時支持幾乎沒有被發現。我得到了滑塊加載2圖像，但它似乎並沒有工作（不滑動，但我去左，右箭頭）。如果任何機構已成功完成此操作，請讓我知道設置。下面是從drupal在頁面上展示的HTML。 <div class="flickity-viewport" style="height: 1054.68px;"> <div cla

0熱度

1回答

抓flickity旋轉木馬點擊事件

我有一個flickity.js轉盤設置在我的網站，我想補充的mailto鏈接到它一對夫婦。靜態點擊不默認情況下傳送帶工作，所以我只好用staticClick.flickity事件抓住它： https://codepen.io/Deka87/pen/zEJrLY // Catch click events $(".carousel").on("staticClick.flickity", func

0熱度

1回答

React'未找到模塊'錯誤（Flickity插件）

我正在嘗試向我的應用程序添加Flickity輪播。有後跟着instructions上NPM盡我的能力，我得到這個錯誤： ./~/flickity-fix/js/flickity.js Module not found: Can't resolve 'classie/classie' in '/Users/.../node_modules/flickity-fix/js' 我說： module: {

0熱度

1回答

如何使用.each（）與輕彈隻影響活動的flickity實例

我試圖在flickity的活動實例內定位iframe，因爲我可能在單個頁面上有多個輕彈實例（最終目標是刷新一旦用戶選擇了另一張幻燈片，幻燈片中的iframe就會被查看）。我得到了這個工作的單個幻燈片，但我遇到問題，當我有多個幻燈片放在頁面上，因爲它會刷新以前選擇的所有iframe，而不僅僅是在活動幻燈片中。下面是我的腳本，其中「.slideshow」是一個滑動實例，我希望能夠在頁面上有多個。這

0熱度

1回答

Flickity：觸發從另一個元素通過jQuery點擊「點」

我試圖觸發點擊另一個DOM元素的導航點之一，但我似乎無法做到這一點la： $('li.dot')[0].click(); 任何幫助表示讚賞。

2熱度

1回答

輕拍完成回調？

我正在使用flickity進行反應。我實例化這樣的： this.flky = new Flickity('.carousel', flickityOptions) Flickity適用position: absolute到圖像，然後用它來衡量某些尺寸，我需要flickity完成後這個位置改變到靜態我響應CSS工作。閃爍有回調還是我可以用其他方式知道？

4熱度

2回答

Flickity轉盤爲另一個

所以導航，我使用這個https://codepen.io/desandro/pen/wByaqj 我激活了prevNextButtons: true,這樣的： $('.characters-main').flickity({ prevNextButtons: false, wrapAround: false, pageDots: false, aut

6熱度

1回答

羣組單元格行爲 - 閃爍

我有一個輕快的旋轉木馬，我想啓用autoPlay。當傳送帶處於自動播放狀態時，我想通過groupCells: true對單元進行分組。到現在爲止還挺好。當用戶點擊上一個或下一個按鈕時，我希望滑塊僅移動1個單元格，因此當用戶單擊時，groupCells應該是false。我的選項： pageDots: false, imagesLoaded: true, autoPlay: true, pau

0熱度

2回答

jquery如何替換最大寬度（輕拍）上的數據對象

我在這裏是新的，這是我的第一個問題。我在一個簡單的頁面中有一些帶有輕觸庫的畫廊，當桌面每個畫廊每3秒滑動3張圖片時滑動，當res設置爲智能手機時，畫廊視口應該切換到每個點1張圖片。因此，這裏是html代碼： <div class="carousel flick" data-flickity='{ "cellAlign": "left", "contain": true, "groupCells