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)

This demo requires Flash 9 and the ability to generate popup windows.

Note that the video puzzle may take some time to buffer initially, and is limited to only four pieces due to performance issues around streaming multiple videos at once.

Demostration
Demo Page

Related posts

• Browser Ball (1)
• World of Solitaire (0)
• Supersized jQuery Plugin (0)
• prettyPhoto Plugin (0)
• z-index Gallery with a Preloader (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)

In this tutorial we will combine the CSS property ‘z-index’ and the power of jQuery to create a unique gallery which have a appearance of a pile of pictures.

Demostration
Demo Page

Tutorial
Tutorial Page

Download
Download Source

Related posts

• z-index Gallery with a Preloader (0)
• Zooming Image and Fading Caption (0)
• Sliding Door Effect with jQuery (0)
• Polaroid Photo Viewer with CSS3 (0)
• Vertical Sliding Bar Effect (0)

In this tutorial we enhance the last week created z-index gallery with a picture preloader and a loading indicator to smooth up the gallery. In barely 10 lines of code!

In the tutorial Create a unique Gallery by using z-index and jQuery last week we created a pretty kewl gallery, but it was incomplete for production mode. When loaded for the first time you could see how the images load and build themself slowly up. To have alot smoother look we want to preload all images and show a overlay which shows the visitor that the gallery loads. And we do that in barely 10 lines of code.

Demostration
Demo Page

Tutorial
Tutorial Page

Download
Download Source

Related posts

• jQuery slideViewerPro (0)
• Sliding Door Effect with jQuery (0)
• jQuery Popeye Plugin (0)
• Gallery by using z-index and jQuery (1)
• Apple-like Slideshow Gallery (0)

ImageFlow picture gallery for NextGEN Gallery. Digital animation for thumbing through a physical image stack.

IMPORTANT: Please note that the use of ImageFlow for commercial websites is NOT for free. Have a look here for what exactly constitutes a commercial website. Licenses for commercial websites can be purchased here.

Demostration
Demo and Documentation

Download
nextgen-imageflow.1.2.zip

Related posts

• Mouse Movements with jParallax (0)
• ImageFlow jQuery Plugin (1)
• FancyBox jQuery Plugin (2)
• FancyBox for WordPress (1)
• z-index Gallery with a Preloader (0)

Creative way to animate image filling up. The Live Demo shows two possible animation sequences.

Tutorial
Tutorial Page

Example
Live DemoPage

Download
Download (Zip File)

Related posts

• Making an Interactive Picture (0)
• Lights Out Background Content (0)
• Crafting an Animated Postcard (0)
• AD Gallery Plugin (0)
• Zooming Image and Fading Caption (0)

The original inspiration for this tutorial came from the IKEA website, which uses Flash to accomplish something similar, although admittedly with a few extra features.

Example
Live Demo

Download
Download Zip File

Related posts

• MopTip Plugin (0)
• Zooming Image and Fading Caption (0)
• Signin Dropdown Box Likes Twitter (0)
• Lights Out Background Content (0)
• Animate Image Filling (0)