Question

For a project I need to build a carousel of html pages loaded into a modal, like in the example in the image below.

Some other features requested are:

1. partial visibility of previous and next carousel steps ability to
2. force the open of the lightbox with the carousel exactly in one specific step and not always at the first one
3. auto-height of the carousel steps, not a fixed one
4. hide of the prev(next) arrow for the first(last) item

My idea is to treat a single step of the carousel as a single external html page, but I’m open to every suggestion.

So, the question is: what is the best way to make this?
Thank you so much in advance, any help will be strongly appreciated.

Answer 1

Here’s my personal favorite:

http://fredhq.com/projects/roundabout/

Works great, highly browser compatible (when done right), and easily customized.

Just lay it over a semi-transparent fixed div and your set.