0

我正在尝试在 drupal 8 上设置 Flickity 滑块,但它似乎不起作用,几乎找不到设置支持。

我让滑块加载了 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>
4

1 回答 1

0

感谢您提供有关检查我完全忘记的控制台的提示。

我用 bootstrap 4(v.4.0.0-beta.2) 安装了 flickity (v.8.x-2.2),但它们似乎并没有很好地结合在一起。将 Bootstrap 降级到 3(v.3.3.7) 并且它可以正常工作。

我远离 Bootstrap 4,直到它变得稳定。

于 2017-10-30T07:20:04.423 回答