JavaScript In-Window Pop-Up Image Zoom Script
This page showss a simple script that lets you enhance your web design by inserting thumbnail-size
versions of large images on your webpages which,
when a user clicks on them, creates an appropriately-sized and centered pop-up window
containing the full-size version of the thumbnail image. The code is highly cross-browser
compatible, produces code that is both HTML and XHTML compatible, and can accomodate
users who have disabled JavaScript support in their browser. You can download the package
with all of the code and documentation using the "Download" button below.
Try it!
- Simple installation with good documentation.
- Good cross-browser compatibility.
- Automatically closes pop-up window onBlur.
- Works with pop-up blockers.
- Generates HTML/XHTML-comatible code.
- Accounts for users who have disabled JavaScript support.
Another popular method of presenting larger versions of images is to use JavaScript to create an overlay to display the full-size image. This is generally referred to as a "lightbox". I've created an easy Lightbox Script that installs easily and uses very simple mark-up. Check it out!
As an alternative, check out my Rollover Zoom Image JavaScript that
displays the zoom image as an overlay when the user mouses over the thumbnail image. I've also just added a new page that
demonstrates a pure CSS in-window zoom technique.
PopZoom© is provided free of charge. If you use and enjoy this software,
please place the following link on your site:
a href="https://www.rainbodesign.com/pub/" Rainbo Design Tools & Scripts/a
This page was last modified on August 27, 2020
