Free Image Pop-Up JavaScripts

Pop up a larger version of an image overlaying the web page


Free Image Pop-Up JavaScripts (Where Image Overlays Current Web Page)

The scripts (written in JavaScript) listed on this page allow you to pop up an image (for example, a larger version of the thumbnail picture clicked) that overlays the existing web page (instead of replacing it the way a normal link would). Such scripts typically provide a close button (usually an "X" at the top right of the image) and possibly also a way to scroll through the images in a set (using "Next" or "Previous" buttons, or their equivalents, such as "<" and ">" arrows) as though they are part of an image gallery. Webmasters typically place one or more thumbnails (smaller versions of the image) on the web page, and allow their visitors to click the image to cause a larger version to appear over the page.

Many of the scripts listed also support content other than images, such as normal text, Flash, YouTube videos, AJAX, and so on.

Related Pages

Free Image Pop-Up JavaScripts (Where Image Overlays Current Web Page)

Luminous New

Luminous pops up a larger version of an image when someone clicks on a thumbnail. You can use it for individual images, as well as galleries of pictures. The script has no dependencies (that is, you don't need to install some other script or JavaScript library for it to work). It is licensed under the BSD 2-Clause licence.

Drift New

Drift pops up a larger version of an image beside the original thumbnail, and lets your visitor zoom into different sections of the picture by simply hovering the mouse over the equivalent portion of the thumbnail. The script is licensed under the BSD 2-Clause licence. It has no dependencies (that is, you do not need to install some other script library for it to work.)

ThickBox

Thickbox can be used to pop up images, text and other content (even Flash) on your site. It supports individual images as well as a gallery of pictures. In the case of the latter, the user can scroll through the images using the "Prev" and "Next" links on the picture frame. This script uses the JQuery library.

Lightbox

The Lightbox script pops up your image (either a standalone picture or one that is part of set) over the existing web page. If there are multiple images in that set, the JavaScript displays right and left navigation arrows so that the user can scroll through the gallery while they are enlarged. If you wish, you can configure the script to always show the arrows on a touch screen (otherwise they will only be displayed when your mouse hovers over the correct edge of the picture), show captions on your images, etc. The script uses the JQuery library. One caveat, though, is that if you want your website to validate correctly when using this script, the pages it need to be in HTML5 since Lightbox requires the use of custom data-* attributes.

NyroModal JQuery Plugin

NyroModal supports the popping up of images and other content in a modal window that overlays your page. If used on a set of images, it allows the user to scroll through them using small arrows that show up on the left and right side of the picture when the mouse hovers near it. The script uses the JQuery library.

PiroBox

[Update: this script is no longer available.] PiroBox displays images, image galleries, text, Flash and other content in a pop up that opens up over your web page. Navigation controls are provided so that the user can move through the gallery and close the window. The script uses the JQuery library.

Related Pages

Newest Pages

Popular Pages

How to Link to This Page

It will appear on your page as:

Free Image Pop-Up JavaScripts (Where Image Overlays Current Web Page)

 


 

thesitewizard.com: Free Webmaster Tutorials, Scripts and Articles

HowtoHaven.com: Free How-To Guides

thefreecountry.com: Free Programmers, Webmasters and Security Resources
If you find this site useful, please link to us.