WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Glass

Hand your visitors a magnifying glass to scrutinize your artwork.

How do I activate Glass on an image?

Once activated it will add its magnifying glass functionality to any image on your blog that is wrapped in a link to an image. The linked image is taken to be the hires version of the displayed image. WordPress will generate such a link if the [File URL] button is selected in the "Add an image" window.

How do I activate Glass on a gallery?

In general it will work by default. Most gallery implementation generate a set of thumbnail images that link to something, usually not a hires version. Glass makes an attempt to recognize thumbnails by their -100X100 suffix. If a thumbnail is found, Glass guesses the URL of the hires image (by removing the size suffix).

Does it work on OS X?

On OS X, Glass has shown to work on most recent versions of Firefox, Chrome, Safari, Opera, and Camino.

Does it work on iOS?

On iOS, Glass has shown to work on the iPhone 3 and iPhone 4, the iPad, and the iPod Touch. However, some large images are scaled down, which might render the resulting enlargement less crispy. Which is a pity, especially on the retina displays. If you know a magic suffix or something that will make it use the full hires image, please let me know at coder at codeblab dot com.

Does it work on UNIX-like desktops?

On UNIX-like desktop systems like Auburn, FreeBSD, and Solaris, Glass has been shown to work on recent versions of Firefox, Opera, Chromium, Epiphany, Midori, SeaMonkey, and many others.

Does it work on Windows?

On Windows XP and Windows 7, Glass has shown to work on recent versions of Firefox, Safari, Opera, Chrome, and Internet Explorer 9. It does work on Internet Explorer 8, however it has trouble rendering the antialiassed pixels on the solid colored rim which leads to a noticeable outline of the rim.

Does it work on Android?

On Android I can't test it. Unless it supports a iOS compatible touch interface for JavaScript it won't work. I don't have an Android phone or tablet and the simulator does not support multitouch. I would love to test it on this platform. If you are a coder and willing to help me, e-mail me: coder at codeblab dot com.

What can I do if it does not work correctly?

It might not work correct in combination with some themes or other plugins. It is a lot of work to test it on all combinations. If it malfunctions, please let me know what theme and plugins you are using (including version numbers) at: coder at codeblab dot com.

How do I make my gallery page load faster?

Because Glass will load a hires version for every thumbnail in your gallery, load times can go up dramatically. Switch hires guessing for thumbnails off is a simple remedy. To do that go to the Glass page in the Settings menu and wipe "Thumb dx dy". An other solution is to set "Thumb dx dy" to a an existing value, e.g., "800","600", this will force Glass to not use the full resolution version of the image. Be very sure that the image with the proper suffix, e.g., -800x600, does exist.

How do I customize the rim color?

There are two ways to customize the rim. The first way is to generate ten right sized images and add them to a new directory on the Glass plugin directory. Than select it as the "Glass Rim Path" on the Glass page in the Settings menu. The second way is to wipe the "Glass Rim Path". This will give a solid colored rim. The color can be set as a 6 digit hex value in "Glass Rim RGB" on the same page.

Why is the solid color rim not properly anti-aliased?

A lack of proper support of transparency in Microsoft Internet Explorer version 5,6,7, and 8 will mess up the anti aliasing of the rim. I tried to fix this, but after spending more time on this than on the rest, I gave up. Please forgive me. Please try to forgive Microsoft for not getting it right in all those years, causing thousands of frustrated developers to swindle uncountable hours that could have been used to make something useful.

Are you nuts? Do you know that the iPod has a much better zoom?

Yes, and I do. Just add iPod, iPhone, iPad to the "Glass Exclude Platforms" on the Glass Settings page.

How do I activate Glass only for category 'X'?

Add the categories you want to the "Glass Categories" on the Glass Settings page. Leaving it empty means all categories. To exclude all categories use an non existing category like "NOTONE".

How do I activate Glass only for page 'Y'?

Add the page names you want to the "Glass Pages" on the Glass Settings page. Leaving it empty means all pages. To exclude all pages use an non existing page name like "NONE".

Why is the glass garbled on the iOS screen?

Safari on iOS silently downsizes larger images sometimes leading to up sizing by the script, which Safari on iOS can't handle, resulting in the garbled glass image. There are two ways to solve this. One, use smaller upload image, i.e., downsize your image before you upload it to WordPress. Two, lower the Min Enlarge factor in the settings.

Why is glass so sluggish on some pictures on Firefox?

Really large images are downsized by the script, leading to sluggish behavior on Firefox but not on other browsers. There are two ways to solve this. One, use smaller upload image, i.e., downsize your image before you upload it to WordPress. Two, up the Max Enlarge factor in the settings.

Requires: 3.0.0 or higher
Compatible up to: 3.5.2
Last Updated: 2012-12-23
Downloads: 11,260

Ratings

4 stars
4.8 out of 5 stars

Support

0 of 4 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

1 person says it works.
1 person says it's broken.

100,1,1
100,2,2
100,1,1
100,1,1
100,1,1
100,2,2
100,1,1
100,2,2
50,2,1