Photo Stack Gallery Using jQuery, PHP & CSS3
28
Jun
Codrops, a creative blog on web design/development (mostly jQuery), is sharing a beautiful photo stack gallery that is built with jQuery & PHP.
The gallery can display multiple albums and with the help of prev-next buttons, can paginate within them easily.
Once an album is clicked, it shows the images inside that album with a stack interface that is powered with CSS3's rotate property.
The gallery doesn't require a database. Rather, it scans the "albums" folder (using PHP) and automatically finds the albums and images inside them.
The reflections used only work in Webkit browsers but the overall functionality is compatible with all the major ones.
Requirements: PHP (jQuery is included with the download)
Compatibility: All Major Browsers
Website: http://tympanus.net/codrops/2010/06/27/beautiful-pho...
Demo: http://tympanus.net/Tutorials/PhotoStack/
Compatibility: All Major Browsers
Website: http://tympanus.net/codrops/2010/06/27/beautiful-pho...
Demo: http://tympanus.net/Tutorials/PhotoStack/
- Tags:
CSS3 Javascript Php
- Filed under: Gallery, Goodies, Other License
- 6 Comments
6 Responses for "Photo Stack Gallery Using jQuery, PHP & CSS3"
wonderful gallery!
I love it!
uff Excelent….
I found the performance to be a bit slow / spotty on the iPad, which should be an ideal target given that it’s webkit.
This might be an issue with the limited RAM. Perhaps trying it with lower-res images would speed things up.
This gallery has a bug as I tested on FireFox and Chrome.
That is… When you click on flip icon continuously, all photos finally disappeared.
In FireFox, the motion performance is slower than Chrome.
Solution for the bug: stop clicking continuously
.
anyhow awesome gallery. hope they improve it.
This is a nice gallery. I used chrome.