Follow for free plugins, new theme releases and theme news
Plugin Description
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., -100×100.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., 800×600. 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.
Screenshots
-
Glass active on a thumbnail using Opera on OS X.
-
Glass active on an image of Bob Floyd rendered using Floyd-Steinberg
dithering. The image is kind of big 2400×3122, yet an older G3 Mac running
Tiger has no trouble processing it in realtime.
-
A rather large gallery of rather large images in Firefox on OS X. This page
works like a charm on most any browser/platform combination I threw at it.
-
Microsoft Internet Explorer version 8 (still widely in use) with a solid
rim. Note the black lines on both the inside and outside of the rim. This is
Microsoft’s way of displaying semi-transparent pixels semi-transparently. Note
that all other browsers on the Windows platform know how to handle this, so
does IE v9.
