TransWikia.com

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

Stack Overflow Asked on December 1, 2021

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?

One Answer

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

Answered by Jonathan Southern on December 1, 2021

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP