Bootstrap Cards

Question

In the following code I want to include seperate carousel/Lightbox gallery for each card.
I mean if I click on the logo on the card a carousel should open with say 3 images unique to that card only.
If someone knows how to do that, it will be of great help.

https://code.sololearn.com/W20q3w982e7s/?ref=app

Answer 1

harshit sry can't help u ...😅

Answer 2

There are too many questions here to be able to begin to form an answer, because there are dozens upon dozens of possible implementations any of which may or may not fit your use case (open in the card? As a modal? Slide in? Something else? What's the location of the images you need to open? How large are they? What format?).

What I'd suggest is: search the internet to find an example which seems to be close to what you want then have a go at implementing it based on the existing code. If you get stuck I'll take a look and help with specific details.

Atm at a cursory glance I see no custom JavaScript and on my mobile all the images are broken as well. There's just not enough information based on your description and the current example to tell for sure what you need.

Also, the details of this task seem like it is possibly a commercial one? It seems similar to the kind of work freelancers are often asked to do...

Answer 3

harshit ah, OK...

Answer 4

Group your images into different Carousel container <div>

https://code.sololearn.com/WajjX7i2tcuE/?ref=app

Answer 5

Prometheus 🇸🇬 Peter David Carter Uchiha Itachi Prasad Lokhande Igor Makarsky please have a look at this question

Answer 6

Peter David Carter it's my college project.

Answer 7

Peter David Carter you can visit my website below. Here I just want that on clicking the card(I can also create an extra button for this purpose) it should open a carousel/Lightbox gallery (unique to the card) with 3 images( width="265px" and height="150px" ) at the center of the page. Using internet I have got many solutions but in every solution they are providing,say, 10 images and when we click on one image it opens the slider to view next 9 images but I need to do it seperately for each card and I am unable to figure it out.

https://poc.bss.design/project.html

Answer 8

Pm me if you like and I'll take a look properly when I get chance. Kinda busy with a tutorials site I'm making atm but will try to help out as best I can