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
- How to Build / Create a Website
- Free PHP Photo and Image Gallery Scripts
- Free Image/Photo Slide Show JavaScript
- Free PHP Rating Scripts
- Free Drawing and Painting Software, Image and Photo Editing Programs
- Free 3D Graphics Software: Create 3D Content for Games, Videos, Film and Animation
- How to Make Your Images Mobile-Friendly (Responsive Design)
- Is it Possible to Create a Website Without Buying a Domain Name? The High Price of "Free".
- Should I Use a Temporary Domain Name Till My Preferred Domain Becomes Available?
Free Image Pop-Up JavaScripts (Where Image Overlays Current Web Page)
- 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.- Luminous
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
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.)
- 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
- Free Panorama Photo Stitching Software: Stitch Overlapping Images to Make a Panoramic Picture
- Free Online Photo Editors
- How to Use JavaScript to Change a Cascading Style Sheet (CSS) Dynamically
- How to Create a Logo for Your Site the Quick and Easy Way
- How to Get Search Engines to Discover (Index) All the Web Pages on Your Site
- How to Register Your Own Domain Name
- 3 Ways of Putting a Search Engine on Your Website
- Free JavaScript Calendar and Date Picker Scripts
Newest Pages
- How to Convert Your Website from XHTML 1.0 to HTML5 the Quick and Easy Way
- How to Set the Height of a DIV Relative to a Browser Window (CSS)
- Free EPUB Readers (Ebook Viewing Software)
- How to Generate the Free Let's Encrypt SSL Certificate on Your Own (Windows) Computer
- How to Insert Meta Tags into a Web Page with BlueGriffon
- How to Play a Song (or Some Other Audio Clip) from a List on a Website
- Two Ways to View a Binary File on Windows Without Installing Anything
- How to Draw a Horizontal Line on a Web Page with Expression Web
- How to Create a Website Free of Charge
- Why Can't I Make Up Any Domain I Want? Is There a Way to Do Away with a Registrar Altogether?
How to Link to This Page
It will appear on your page as:
Free Image Pop-Up JavaScripts (Where Image Overlays Current Web Page)
