WowWindow

Try it Now!

WowWindow is an alternative to Lightbox, for jQuery, that is much more fun and powerful. This modal window script uses CSS3 transformations to display the window, but will acceptably degrade to a workable window for browsers that do not support this. If you're looking for alternatives to Lightbox, this may be the perfect script for you.

WowWindow requires at least version 1.3.2 of the jQuery JavaScript Library

Download the demo zip (v. 0.6.2 beta), which contains all the files you need to run the windows. There's lots of example code to play with.

*** Update *** The full effect works in IE9. If you don't have it, download IE9 here: http://windows.microsoft.com/ie9

Image Content

To create a WowWindow, all you need to do is point the link at any resource, then target the links with the plugin. Images are treated in a special way, and will automatically cause the window to find the correct height and width to display at:

$('.popups a').wowwindow({
    draggable: true
});
$('.popups-rotate a').wowwindow({
    rotate: true,
    draggable: true
});
$('.popups-rotate-multiple a').wowwindow({
    rotate: true,
    rotations: 3,
    draggable: true
});

Default:

With Rotation:

With Multiple Rotations:

Inline Content

Inline content must be targeted at an ID. For example, <a href="#my-unique-content">My Content</a>

Example 1, Example 2, Example 3

With Rotation:

Example 1, Example 2, Example 3

With Multiple Rotations:

Example 1, Example 2, Example 3

Iframe Content

Unless it is an image or a video (see below for videos), any link that is pointed at an external resource will become an IFRAME, and will require a height parameter. The default is 500, but you'll probably want to fix it for yourself:

Video Content

WowWindow will automatically generate windows based on YouTube or Vimeo videos, if you just point your link at the location, and provide height and width parameters:

$('a[rel=video]').wowwindow({
    draggable: true,
    height: 225,
    width: 400
});
$('a[rel=video_rotate]').wowwindow({
    draggable: true,
    rotate: true,
    height: 225,
    width: 400
});
$('a[rel=video_multi_rotate]').wowwindow({
    draggable: true,
    rotate: true,
    rotations: 3,
    height: 225,
    width: 400
});

Standard:

With Rotation:

With Multiple Rotation:

YouTube Content with Auto-Generating Thumbnails

This is one of the things that really sets WowWindow apart from other modal windows. If properly configured, it will replace default thumbnail images with auto-generated YouTube thumbnails, based on which video is being pointed to.

$('#youtube-auto-thumbnails a').wowwindow({
    draggable: true,
    width: 480,
    height: 390,
    autoYouTubeThumb: 'default'//can also be '0','1','2', or '3' ('default' is the same as '2')
});