multi-item responsive carousel for angular material

Question

I'm trying to create a multi item responsive slider in AngularJS. I'm familiar with Owl Carousel (https://owlcarousel2.github.io/OwlCarousel2/) and Slick Slider (http://kenwheeler.github.io/slick/), but both use jQuery and I want something without jQuery.

Please suggest any directives or sliders, or any other easy way to do it.

I want to achieve the following output:

Thanks!

have you implemented this one ? – Lijo Mar 26 '18 at 09:04 — Lijo, Mar 26 '18 at 09:04

score 5 · Answer 1 · edited Oct 24 '19 at 10:02

5

I have created on multi item carousal that is available on github

You can see demo here

edited Oct 24 '19 at 10:02

GROX13

answered Apr 19 '18 at 05:02

Lijo

score 1 · Answer 2 · edited Jan 19 '18 at 05:01

1

@William:

You can use angular carousel which is pretty much similar of owl carousel.

Here is the link for its demo.

Hope this will be helpful for you.

edited Jan 19 '18 at 05:01

Wiil

answered May 27 '17 at 10:03

yugantar kumar

1

Thank you for your quick response, but i think the carousel you mentioned is not multi item – William Scott May 27 '17 at 10:10
@WilliamScott: Yes, that is not for multi item. But see what I found out. Somebody made it for multi item using little customisation. Check this once if it will be helpful for you http://plnkr.co/edit/oVRYCfaMeRW5a54nzmem?p=preview – yugantar kumar May 27 '17 at 10:21

score 0 · Answer 3 · answered Jul 04 '18 at 19:52

0

I was also looking for a simple solution and found this one:

As promised, it's simple and generic, and it also works like Owl Carousel or bxSlider, you can put anything inside the slides.

answered Jul 04 '18 at 19:52

3 Answers3