JavaScript 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!

Click to see large image

Click here to see larger image

  • 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="" Rainbo Design Tools & Scripts/a

This page was last modified on December 09, 2015

Copyright © 2005-2017 by Richard L. Trethewey - Rainbo Design Minneapolis. It's not that I think this is such an earth-shatteringly great presentation, but if you want to copy it, I'd appreciate it if you would ask for permission. I've been working with computers for over 30 years now, and one phrase keeps popping into my head - "I hate it when it's right!" And laptops and smartphones are no better.

Looking for more website design information? See my Sitemap!

  Share This Page!  
Still Have Questions? 
Talk To Me! Click Here!