jQuery Galpop Plugin Demos

Single Image

Just bind galpop to the anchor link.

An apocalyptic Earth.

Multiple Images

Bind a series of images with the same "data-galpop-group" attribute value.

An apocalyptic Earth. An old, vintage poster. A scene of a magical forest. An underwater scene with lots of tension. A dog and his pet. A scene where nothing is what it seems. Either an anti-hunting poster or a pro-hunting one, depending on how you look at it. A portrait of a wolf marine. The scene from Alice in Wonderland where she meets the caterpillar. A magical poster with a reflection.

Image Info

Galpop has a box on the lower left corner for captions. If the anchor contains a "title" attribute, that will be added to the box. If the anchor contains a "data-galpop-link" attribute, it will add an anchor to the box. Adding a "data-galpop-link-title" attribute will change the text of the anchor, and adding a "data-galpop-link-target" attribute will change the target of the anchor.

An apocalyptic Earth. An old, vintage poster. A scene of a magical forest. An underwater scene with lots of tension. A dog and his pet. A scene where nothing is what it seems. Either an anti-hunting poster or a pro-hunting one, depending on how you look at it. A portrait of a wolf marine. The scene from Alice in Wonderland where she meets the caterpillar. A magical poster with a reflection.

Callbacks

You can add a callback function to fire after every completion of an image. You can grab the index and count from the "#galpop-wrapper" element.

An apocalyptic Earth. An old, vintage poster. A scene of a magical forest. An underwater scene with lots of tension. A dog and his pet. A scene where nothing is what it seems. Either an anti-hunting poster or a pro-hunting one, depending on how you look at it. A portrait of a wolf marine. The scene from Alice in Wonderland where she meets the caterpillar. A magical poster with a reflection.

Manual Open

You can also manually open the popup whenever you wish. You will have to use the "openBox" method and pass it the settings and image URL to open.

Manual Open Group

You can also manually open the popup as a group. Instead of passing it one url, you can use an array.

Load iframe

In addition to images, you can also load an iframe into the popup.

Click here to open iframe

Load AJAX

If you don't want to load the entire window into an iframe, you can pick specific elements to load.

Click here to open ajax