插件：水车图像轮播。 如何只添加文本？

Question

In the project I use Waterwheel Image Carousel plugin. This plugin does not work when adding text. How can I make the effect to be the same as with an image, but only instead of pictures will be the text?

Example below:

enter image description here

If there are any other plugins that allow you to make the same carousel as in the picture?

Answer 1

You can use slick instead, which supports any HTML elements

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

Here's an example using text and a few images: 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,
  });
});