插件：水車圖像輪播。 如何只添加文本？

Question

在項目中我使用了 Waterwheel Image Carousel 插件。 添加文本時，此插件不起作用。 我怎樣才能使效果與圖像相同，但只有文字而不是圖片？

下面的例子：

在此處輸入圖像描述

如果有任何其他插件可以讓您制作與圖片中相同的輪播？

Answer 1

您可以改用 slick，它支持任何 HTML 元素

https://kenwheeler.github.io/slick/

這是一個使用文本和一些圖像的示例： https://codepen.io/JonathanSouthern/pen/xxZMQOz

HTML

<div class="carousel">
  <div><img src="localimg"></div>
  <div><img src="testing_img_souce"></div>
  <div><h2>Text</h2></div>
</div>

JS/jQuery

$(document).ready(function(){
  $('.carousel').slick({
  slidesToShow: 3,
  dots:true,
  centerMode: true,
  });
});