Multiple slide carousel using X or Revolution slider?

[Mbzo]

Hi there, I`m looking for a way to create a multiple posts or mixed content slider (carousel) that shows more than one slide (text and image) at a time - 4 on the first transition and then step forward one at a time, and so on (infinity scroll). Similar to this: https://www.jqueryscript.net/demo/Responsive-Multi-slide-Carousel-Plugin-jQuery-Multislider/ with both text and images.

Ideally, would like to take advantage of the Revolution slider. Have set up a carousel following instructions at this link :
https://www.themepunch.com/faq/increasing-carousel-slider-visible-items/

The carousel is there, however, I’m not seeing multiple slides, only one. Thempunch do not provide any preview screenshots (or demo) to show if/how it really works.
Is there some other X feature / add-on that will create this effect?

Thanks !

[thai]

Hi There,

Revolution Slider comes with a lot of features natively there is an option to gather the recent post feed but it’s all about tweaking and playing around with the slider. We never created something like this with Revolution Slider so the first step would be to read through the official Revolution Slider documentation and try to create something like this and when you’re stuck with something come back to us. You can find the documentation here:

http://themepunch.com/codecanyon/revolution_wp/documentation/

https://www.themepunch.com/revslider-doc/carousel/

Sorry that I can’t help you more.

[Mbzo]

Thanks. I created a Carousel using the documentation. It was necessary to check the option “Show All Layers 1 Time” to reveal the other slides. Also used negative spacing to bring the slides closer together. The result was not very good and Revolution slider may not be the best choice for what i want.

Next, i set up a standalone jquery carousel on the same test page. Enqueued the slider script and css in the child theme -all ok. But the custom JS does not appear to pick up the scrolling action. Jquery is already loaded so it should work.

	    $('#mixedSlider').multislider({
			continuous: true,
      duration: 750,
			interval: 3000
		});

[rad]

Hi @Mbzo,

Yes, correct. You’ll have to configure how many items to display per slide for carousel type rendering. As for your code, it should be like this

jQuery ( function($) {

 	    $('#mixedSlider').multislider({
			continuous: true,
      duration: 750,
			interval: 3000
		});

} );

In Wordpress, $ is jQuery to prevent conflict. Hence, wrapping it is a must, or something like this

 	    jQuery('#mixedSlider').multislider({
			continuous: true,
      duration: 750,
			interval: 3000
		});

Thanks!

[Mbzo]

Of course. Thanks for correcting!

[Prasant]

You are most welcome.