Have you ever clicked on an image on a webpage that opens up a larger version of the image with navigation to view other photos?
Some folks call it a pop-up. Others call it a lightbox. Bootstrap calls it a modal. I mention Bootstrap because I want to use it to make the same sort of thing. So, let’s call it a modal from here on out.
Why Bootstrap? you might ask. Well, a few reasons:
- I’m already using Bootstrap
It’s kind of amazing how far HTML and CSS will take you when building a carousel/slideshow.
- Setting some boxes in a horizontal row with flexbox is easy.
- Showing only one box at a time with
overflowand making it swipable with
- You can make the “slides” line up nicely with
- A couple of
#jump-linksis all you need to make navigation for it, which you can make all nice and smooth with