2017-10-10 12 views
0

Drupal 8のFlickityスライダを設定しようとしていますが、動作していないようで、これを設定してもほとんどサポートされていません。DrupalのFlickityスライダ8

2つの画像を読み込んでいるスライダーを取得しましたが、動作していないようです(スライドしませんが、左右の矢印が表示されます)。いずれかのボディが正常に完了した場合は、セットアップを知らせてください。

以下は、drupalからページに出力されるHTMLです。

<div class="flickity-viewport" style="height: 1054.68px;"> 
<div class="flickity-slider" style="right: 0px; transform: translateX(0%);"> 
<div class="gallery-cell item-0 is-selected" style="position: absolute; right: 0%;"> 
<div class="views-field views-field-field-slider-image"><div class="field-content"> 
<img src="/drupm/sites/default/files/2017-10/bg5.jpg" alt="bg3" typeof="foaf:Image" class="img-fluid" width="1920" height="1080"> 
</div> 
<div class="gallery-cell item-1" style="position: absolute; right: 100%;"> 
<div class="views-field views-field-field-slider-image"> 
<div class="field-content"> 
<img src="/drupm/sites/default/files/2017-10/bg3_0.jpg" alt="bg1" typeof="foaf:Image" class="img-fluid" width="1920" height="1080"> 
</div></div> 
</div></div></div> 
+0

ブラウザコンソールには何が表示されますか? JSエラーはありますか?矢印のクリックイベントリスナーとは何ですか?これはElementsパネルから取得できます。 –

答えて

0

私が完全に忘れてしまったコンソールをチェックしていただきありがとうございます。

ブートストラップ4(v.4.0.0-beta.2)でflickity(v.8.x-2.2)がインストールされていて、うまくいっていないようです。ブートストラップを3(v.3.3.7)にダウングレードし、正常に動作します。

私は安定するまでブートストラップ4から離れています。