Scattered Polaroids Gallery A flat-style take on a Polaroid gallery
This first example shows a simple use case without showing a description on the back side of the Polaroid. Clicking another navigation dot will reshuffle the Polaroids and bring the respective current item to the center.
Click on the gallery to start it.
The next examples show how to add a description to the back of the photo which can be viewed by flipping the Polaroid. To flip the Polaroid, the current navigation dot has to be clicked a second time. This functionality is indicated by a rotated arrow on the dot icon.
Another configurable option for each item is the shuffle iteration count which defines how many times all items should be "spread", or shuffled, before the current photo moves to the middle.
The last example does not require a click on the gallery to initiate the first shuffling.
The dummy items show how to fill the container with Polaroids without actually making them part of the viewable gallery. This can be useful when wanting to show just a specific subset of a collection.
All Polaroids in this use case have a description on the back side, which can be viewed by clicking the navigation dot again.