jParallax Photo Collage

Posted 8 Years Ago



When I first stubmled across the jParallax jQuery plugin I got really excited.  It was the epitomy of jquery 'nifitiness'.  It looks like it should be flash, but it's pure javascript and proves that you can do some really cool things without having to resort to flash.

Of course, so far no one has really been able to find a proper function for the plugin, so I've set to work trying to find some way it can actually improve user experience (not just make them go "ohh, well, that's neat").

The first attempt is a jParallax Photo Collage.

jParallax Photo Collage Demo



Example of jParallax Photo Collage

Basically, you click on a link in the list and it get's focused in the jParallax box, grows in size, and becomes clickable (the example just links to a bigger version of the image using the jQuery thickbox plugin).

The problem, of course, is that--as a user--you want to hover over the images and be able to click on them.  Reasonable enough, but with all the large div's layered on top of each other which the jParallax plugin creates, only the top image is clickable.  The example deals with this by moving an image to the top of the z-index list once you click on the name in the list.

Anyway, it's a start and was fun to play around with.  Let me know if you have any suggestions for improving upon it (it's rather worthless at the moment) or if you have any ideas for other 'functional' uses for the jParallax plugin.



Tags: jquery, jparallax, photos, thickbox





Comments

Name
E-mail
Website

Optional


Posted 3 Weeks Ago



Posted 2 Months Ago



Posted 3 Months Ago



Posted 4 Months Ago



Posted 5 Months Ago




Sayyeda

Posted 4 Years Ago


Wonderful. Im using this plug in too. And i have the same issue of having to select only the top layer because i need to have other elements beneath that should be selectable.

 From http://stephband.info/jparallax/ website, there are built in options in which you can select the layers underneath but there is a way to do it and I myself do not understand it well. 

If you do come to a solution please post back.

Thanx for sharing! Peace !

Posted 6 Years Ago


Do you plan to keep this site updated? I sure hope so… its great!

Posted 6 Years Ago


Do you plan to keep this site updated? I sure hope so… its great!