Description
Description Page

Download
Download Source Code

Related posts

• jQuery Colorbox for WordPress (0)
• Visual LightBox (0)
• Polaroid Photo Viewer with CSS3 (0)
• jQuery slideViewerPro (0)
• jQuery Popeye Plugin (0)

Italy. A beautiful country that my girlfriend and me visited last year during our summer holiday. While we were there, we took a lot of pictures that would look pretty nice on polaroid.

Placing them on simple polaroids on a webpage simply didn’t do it for me. I wanted to drag them around, rotate them and still have a fun time. That’s were CSS and jQuery come in play. By combining the CSS3 Box Shadow and Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you’ll see the shadow. When it’s placed down, it’s rotated to the left or the right (random).

Demostration
Demo Page

Tutorial
Tutorial Page

Download
Download Source

Related posts

• The Polaroid Photo Viewer (0)
• background image slideshow (0)
• Sweet AJAX Tabs (0)
• Sliding Menu Background (0)
• Zooming Image and Fading Caption (0)

GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

Demostration
Default Implementation
Small Filmstrip, alternate navigation theme
HTML panel content, no automatic transitions
Links in filmstrip frames
Custom navigation theme, filmstrip & captions above panel
Customized gallery background
Filmstrip only – Carousel style gallery
Panels Only – Lightbox style gallery

Tutorial
Tutorial Page

Related posts

• GalleryView jQuery Plugin (0)
• Full Screen Image Gallery (0)
• jQuery slideViewerPro (0)
• Better Captions for FancyBox (0)
• Pirobox jQuery Plugin (0)

Pretty fast after I placed the Polaroid Photo Viewer with CSS3 and jQuery example online, I received loads of e-mails and comments requesting another feature. The original example was only full-screen, but people wanted it to “stick” to a box (Placing it inside a div).

By making a couple of changes to the original code, I managed to make this work too. So today, I present you the non-full screen version of the popular Polaroid Photo Viewer with CSS3 and jQuery.

Tutorial
Tutorial Page

Example
Live Demo

Download
Download (Zip File)

Related posts

• Polaroid Photo Viewer with CSS3 (0)
• background image slideshow (0)
• Zooming Image and Fading Caption (0)
• Sweet AJAX Tabs (0)
• jQuery slideViewerPro (0)