Codrops has created an Interactive Photo Desk with jQuery and CSS3 that provides some “realistic” interaction possibilities for the user. The idea is to have some photos on a surface that can be dragged and dropped, stacked and deleted, each action resembling the real world act.
If we drag a picture, it get’s “picked up” first, making it appear a little bit bigger. Dropping it results in the picture being “thrown back” to the table, in a random rotation. Viewing all photos mirrors the action of collecting all images into a pile and viewing the first one in a none rotated way. Clicking to see the next one then, makes the previous one being thrown back to the surface. Deleting an image will make it appear as a crumpled paper ball. When using the shuffle function, the photos get rotated and spread over the desk randomly.
Demo : http://tympanus.net/Development/PhotoDesk/
indir : http://tympanus.net/Development/PhotoDesk/PhotoDesk.zip
Burada daha jQuery ile yapılmış farklı örnekler : http://tympanus.net/codrops/
İnteraktif foto albümü jQuery + CSS3
1
●553
- 28-07-2010, 07:19:11
