Glass

Hand your visitors a magnifying glass to scrutinize your artwork.

Author:Jan-Mark Wams (profile at wordpress.org)
WordPress version required:3.0.0
WordPress version tested:3.5
Plugin version:1.3.2
Added to WordPress repository:26-12-2011
Last updated:23-12-2012
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
Rating, %:100
Rated by:10
Plugin URI:http://codeblab.com/glass/
Total downloads:19 197
Active installs:300+
plugin download
Click to start download

Glass adds a magnifying glass (loupe/hand glass) for images to your WordPress site. It needs no Flash and no CSS3 radius. It works on the iPad and on many other platforms. (Thanks for all the positive feedback.)

This started out as a challenge to code a round magnifying glass that would work without Flash and without the CSS3 radius property. If you are interested in coding read the blog entry. Also, a user-selectable color for the glass's rim was claimed to be impossible without Flash. Read the blog post on color stacking if you are tech inclined. Otherwise just enjoy the result.

When the cursor hovers over an image a round frame is displayed on top of it, the frame shows a (round) part of a hires image, creating the illusion of a magnifying glass. Currently Glass only works on .jpg and .png images. Click behavior of the image is unaltered, however, double clicking is "hijacked" to display the GLP license and displaying the homepage of Glass.

Glass is activated for images directly linked to an image, where the link target is assumed to be a hires version. Glass also is activated for an image with a size suffix (e.g., -100x100.jpg) linked to a page. The URL of the hires version is guessed by removing the size. Guessing the hires URL allows Glass to work on galleries of thumbnails. Since galleries can contain many thumbnails, Glass can slow down page loading. Therefore the URL guessing can be altered by specifying a lower resolution, e.g., 800x600. This will make Glass look for a smaller version. The guessing can also be switched off.

If linking an image is needed but Glass should not be activated, wrap the image in span begin and end tags.

Disclaimer

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.