flickity

    4熱度

    2回答

    所以導航,我使用這個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回答

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

    0熱度

    1回答

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

    0熱度

    1回答

    我有一個小型圖庫供電,由Flickity插件包含圖像和Youtube嵌入視頻。該標記是一樣的東西: <div class="carousel"> <div class="carousel-cell"> <img src="https://img.youtube.com/vi/EXeTwQWrcwY/maxresdefault.jpg"> <iframe src="ht

    0熱度

    1回答

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

    0熱度

    1回答

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

    0熱度

    1回答

    我正在嘗試向我的應用程序添加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回答

    我想要設置自定義高度(和其他可能的事情)的快速旋轉木馬細胞INDIVIDUALLY。我可以看到它用JavaScript以flickity package本身以某種方式進行計算。 我怎麼能覆蓋這個,創建這樣的事情(與不活動的幻燈片較小)? 。 我試圖給輪播單元高度爲300px,活動輪播(誰有類is-selected)500px的高度。這沒有用。 .carousel-cell { width

    0熱度

    1回答

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