简体   繁体   中英

Plugin: Waterwheel Image Carousel. How do I add only text?

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?

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,
  });
});

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM