{"id":16187,"date":"2011-12-26T16:12:02","date_gmt":"2011-12-26T16:12:02","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/glass\/"},"modified":"2012-12-23T10:49:42","modified_gmt":"2012-12-23T10:49:42","slug":"glass","status":"closed","type":"plugin","link":"https:\/\/cn.wordpress.org\/plugins\/glass\/","author":7879444,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.3.2","stable_tag":"1.3.2","tested":"3.5.2","requires":"3.0.0","requires_php":"","requires_plugins":"","header_name":"Glass","header_author":"Jan-Mark Wams","header_description":"","assets_banners_color":"dbded3","last_updated":"2012-12-23 10:49:42","external_support_url":"","external_repository_url":"","donate_link":"http:\/\/codeblab.com\/","header_plugin_uri":"http:\/\/codeblab.com\/glass\/","header_author_uri":"http:\/\/codeblab.com\/","rating":5,"author_block_rating":0,"active_installs":100,"downloads":19688,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.3.2":"<p>Fixed problem with non default home location. Again.<\/p>","1.3.1":"<p>Fixed possible error when using a non default home location. If glass is\nworking it is only advised to use this version. First timers and if glass\nstops working after moving the home location, do update.<\/p>","1.3":"<p>Fixed displaced (or gray) glass image. Works with all tested browsers and all\ntested themes now. Get this update even if the 1.2 version seems ok in your\nbrowsers.<\/p>","1.2":"<p>Fixed glass displacements. Fixed cursor displacements. Works with most themes\nnow. Works better on iOS devices.<\/p>","1.1":"<p>Mainly spelling corrections. No changes in the code.<\/p>","1.0":"<p>Get this version. There is no other stable one yet.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"10"},"assets_icons":[],"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":"480902","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0","1.1","1.2","1.3","1.3.1","1.3.2"],"block_files":[],"assets_screenshots":{"screenshot-4.png":{"filename":"screenshot-4.png","revision":"1538892","resolution":"4","location":"plugin"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1538892","resolution":"2","location":"plugin"},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"1538892","resolution":"3","location":"plugin"},"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1538892","resolution":"1","location":"plugin"}},"screenshots":{"1":"<p>Glass active on a thumbnail using Opera on OS X.<\/p>","2":"<p>Glass active on an image of Bob Floyd rendered using Floyd-Steinberg\ndithering. The image is kind of big 2400x3122, yet an older G3 Mac running\nTiger has no trouble processing it in realtime.<\/p>","3":"<p>A rather large gallery of rather large images in Firefox on OS X. This page\nworks like a charm on most any browser\/platform combination I threw at it.<\/p>","4":"<p>Microsoft Internet Explorer version 8 (still widely in use) with a solid\nrim. Note the black lines on both the inside and outside of the rim. This is\nMicrosoft's way of displaying semi-transparent pixels semi-transparently. Note\nthat all other browsers on the Windows platform know how to handle this, so\ndoes IE v9.<\/p>"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[32458,32457,32454,32455,32456],"plugin_category":[50],"plugin_contributors":[83558],"plugin_business_model":[],"class_list":["post-16187","plugin","type-plugin","status-closed","hentry","plugin_tags-glass","plugin_tags-looking-glass","plugin_tags-loupe","plugin_tags-magnifying-glass","plugin_tags-spyglass","plugin_category-media","plugin_contributors-codeblab","plugin_committers-codeblab"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/glass_dbded3.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/glass\/trunk\/screenshot-1.png?rev=1538892","caption":"<p>Glass active on a thumbnail using Opera on OS X.<\/p>"},{"src":"https:\/\/ps.w.org\/glass\/trunk\/screenshot-2.png?rev=1538892","caption":"<p>Glass active on an image of Bob Floyd rendered using Floyd-Steinberg\ndithering. The image is kind of big 2400x3122, yet an older G3 Mac running\nTiger has no trouble processing it in realtime.<\/p>"},{"src":"https:\/\/ps.w.org\/glass\/trunk\/screenshot-3.png?rev=1538892","caption":"<p>A rather large gallery of rather large images in Firefox on OS X. This page\nworks like a charm on most any browser\/platform combination I threw at it.<\/p>"},{"src":"https:\/\/ps.w.org\/glass\/trunk\/screenshot-4.png?rev=1538892","caption":"<p>Microsoft Internet Explorer version 8 (still widely in use) with a solid\nrim. Note the black lines on both the inside and outside of the rim. This is\nMicrosoft's way of displaying semi-transparent pixels semi-transparently. Note\nthat all other browsers on the Windows platform know how to handle this, so\ndoes IE v9.<\/p>"}],"raw_content":"<!--section=description-->\n<p>Glass adds a magnifying glass (loupe\/hand glass) for images to your WordPress\nsite. It needs <em>no<\/em> Flash and <em>no<\/em> CSS3 radius. It works on the iPad and on\nmany other platforms. (Thanks for all the positive feedback.)<\/p>\n\n<p>This started out as a challenge to code a round magnifying glass that would\nwork <em>without<\/em> Flash and <em>without<\/em> the CSS3 radius property. If you are\ninterested in coding read <a href=\"http:\/\/codeblab.com\/2011\/12\/squaring-the-circle\/\" title=\"CodeBlab - Squaring\nThe Circle\">the blog\nentry<\/a>. Also, a user-selectable color for the glass's rim was claimed to\nbe impossible without Flash. Read <a href=\"http:\/\/codeblab.com\/2011\/12\/welsh-incident\/\">the blog post on color\nstacking<\/a> if you are tech\ninclined. Otherwise just enjoy the result.<\/p>\n\n<p>When the cursor hovers over an image a round frame is displayed on top of it,\nthe frame shows a (round) part of a hires image, creating the illusion of a\nmagnifying glass. Currently Glass only works on .jpg and .png images. Click\nbehavior of the image is unaltered, however, double clicking is \"hijacked\" to\ndisplay the GLP license and displaying the homepage of Glass.<\/p>\n\n<p>Glass is activated for images directly linked to an image, where the link\ntarget is assumed to be a hires version. Glass also is activated for an image\nwith a size suffix (e.g., -100x100.jpg) linked to a page. The URL of the hires\nversion is guessed by removing the size. Guessing the hires URL allows Glass\nto work on galleries of thumbnails. Since galleries can contain many\nthumbnails, Glass can slow down page loading. Therefore the URL guessing can\nbe altered by specifying a lower resolution, e.g., 800x600. This will make\nGlass look for a smaller version. The guessing can also be switched off.<\/p>\n\n<p>If linking an image is needed but Glass should not be activated, wrap the\nimage in span begin and end tags.<\/p>\n\n<h4>Disclaimer<\/h4>\n\n<p>This program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload glass.1.3.2.zip to the <code>\/wp-content\/plugins\/<\/code> directory.<\/li>\n<li>Unpack glass.1.3.2.zip, optionally remove it after unpacking.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt>How do I activate Glass on an image?<\/dt>\n<dd><p>Once activated it will add its magnifying glass functionality to any image on\nyour blog that is wrapped in a link to an image. The linked image is taken to\nbe the hires version of the displayed image. WordPress will generate such a\nlink if the [File URL] button is selected in the \"Add an image\" window.<\/p><\/dd>\n<dt>How do I activate Glass on a gallery?<\/dt>\n<dd><p>In general it will work by default. Most gallery implementation generate a\nset of thumbnail images that link to something, usually not a hires version.\nGlass makes an attempt to recognize thumbnails by their -100X100 suffix. If a\nthumbnail is found, Glass guesses the URL of the hires image (by removing the\nsize suffix).<\/p><\/dd>\n<dt>Does it work on OS X?<\/dt>\n<dd><p>On OS X, Glass has shown to work on most recent versions of Firefox, Chrome,\nSafari, Opera, and Camino.<\/p><\/dd>\n<dt>Does it work on iOS?<\/dt>\n<dd><p>On iOS, Glass has shown to work on the iPhone 3 and iPhone 4, the iPad, and\nthe iPod Touch. However, some large images are scaled down, which might render\nthe resulting enlargement less crispy. Which is a pity, especially on the\nretina displays. If you know a magic suffix or something that will make it\nuse the full hires image, please let me know at coder at codeblab dot com.<\/p><\/dd>\n<dt>Does it work on UNIX-like desktops?<\/dt>\n<dd><p>On UNIX-like desktop systems like Auburn, FreeBSD, and Solaris, Glass has been\nshown to work on recent versions of Firefox, Opera, Chromium, Epiphany,\nMidori, SeaMonkey, and many others.<\/p><\/dd>\n<dt>Does it work on Windows?<\/dt>\n<dd><p>On Windows XP and Windows 7, Glass has shown to work on recent versions of\nFirefox, Safari, Opera, Chrome, and Internet Explorer 9. It does work on\nInternet Explorer 8, however it has trouble rendering the antialiassed pixels\non the solid colored rim which leads to a noticeable outline of the rim.<\/p><\/dd>\n<dt>Does it work on Android?<\/dt>\n<dd><p>On Android I can't test it. Unless it supports a iOS compatible touch\ninterface for JavaScript it won't work. I don't have an Android phone or tablet\nand the simulator does not support multitouch. I would <em>love<\/em> to test it on\nthis platform. If you are a coder and willing to help me, e-mail me: \ncoder at codeblab dot com.<\/p><\/dd>\n<dt>What can I do if it does not work correctly?<\/dt>\n<dd><p>It might not work correct in combination with some themes or other\nplugins. It is a lot of work to test it on all combinations. If it\nmalfunctions, please let me know what theme and plugins you are using\n(including version numbers) at: coder at codeblab dot com.<\/p><\/dd>\n<dt>How do I make my gallery page load faster?<\/dt>\n<dd><p>Because Glass will load a hires version for every thumbnail in your gallery,\nload times can go up dramatically. Switch hires guessing for thumbnails off is\na simple remedy. To do that go to the Glass page in the Settings menu and wipe\n\"Thumb dx dy\". An other solution is to set \"Thumb dx dy\" to a an existing\nvalue, e.g., \"800\",\"600\", this will force Glass to not use the full resolution\nversion of the image. Be very sure that the image with the proper suffix,\ne.g., -800x600, does exist.<\/p><\/dd>\n<dt>How do I customize the rim color?<\/dt>\n<dd><p>There are two ways to customize the rim. The first way is to generate ten\nright sized images and add them to a new directory on the Glass plugin\ndirectory. Than select it as the \"Glass Rim Path\" on the Glass page in the\nSettings menu. The second way is to wipe the \"Glass Rim Path\". This will give\na solid colored rim. The color can be set as a 6 digit hex value in \"Glass Rim\nRGB\" on the same page.<\/p><\/dd>\n<dt>Why is the solid color rim not properly anti-aliased?<\/dt>\n<dd><p>A lack of proper support of transparency in Microsoft Internet Explorer\nversion 5,6,7, and 8 will mess up the anti aliasing of the rim. I tried to fix\nthis, but after spending more time on this than on the rest, I gave up. Please\nforgive me. Please try to forgive Microsoft for not getting it right in all\nthose years, causing thousands of frustrated developers to swindle uncountable\nhours that could have been used to make something useful.<\/p><\/dd>\n<dt>Are you nuts? Do you know that the iPod has a much better zoom?<\/dt>\n<dd><p>Yes, and I do. Just add iPod, iPhone, iPad to the \"Glass Exclude Platforms\" on\nthe Glass Settings page.<\/p><\/dd>\n<dt>How do I activate Glass only for category 'X'?<\/dt>\n<dd><p>Add the categories you want to the \"Glass Categories\" on the Glass Settings\npage. Leaving it empty means all categories. To exclude all categories use an\nnon existing category like \"NOTONE\".<\/p><\/dd>\n<dt>How do I activate Glass only for page 'Y'?<\/dt>\n<dd><p>Add the page names you want to the \"Glass Pages\" on the Glass Settings\npage. Leaving it empty means all pages. To exclude all pages use an\nnon existing page name like \"NONE\".<\/p><\/dd>\n<dt>Why is the glass garbled on the iOS screen?<\/dt>\n<dd><p>Safari on iOS silently downsizes larger images sometimes leading to up sizing\nby the script, which Safari on iOS can't handle, resulting in the garbled\nglass image. There are two ways to solve this. One, use smaller upload image,\ni.e., downsize your image before you upload it to WordPress. Two, lower the Min\nEnlarge factor in the settings.<\/p><\/dd>\n<dt>Why is glass so sluggish on some pictures on Firefox?<\/dt>\n<dd><p>Really large images are downsized by the script, leading to sluggish behavior\non Firefox but not on other browsers.  There are two ways to solve this. One,\nuse smaller upload image, i.e., downsize your image before you upload it to\nWordPress. Two, up the Max Enlarge factor in the settings.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.3.2<\/h4>\n\n<ul>\n<li>Replaced depreciated get_option('home') calls with get_option('siteurl').<\/li>\n<\/ul>\n\n<h4>1.3.1<\/h4>\n\n<ul>\n<li>Replaced depreciated get_settings('home') calls with get_option('home').<\/li>\n<\/ul>\n\n<h4>1.3<\/h4>\n\n<ul>\n<li>Fixed displaced glass image with some browsers and some themes.<\/li>\n<li>Fixed gray glass with some browsers and some themes.<\/li>\n<li>A little code clean up.<\/li>\n<\/ul>\n\n<h4>1.2<\/h4>\n\n<ul>\n<li>All reported themes that failed now work with v1.2.<\/li>\n<li>Randomly selected themes all worked.<\/li>\n<li>Refactored to better fit the platform.<\/li>\n<li>Runs better on IE8, Camino, and iOS devices.<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>Spelling, less drunk writing. No change in the working code.<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Moved to version 1.0 when moving to WordPress hosting.<\/li>\n<\/ul>\n\n<h4>0.9<\/h4>\n\n<ul>\n<li>Home brew version, used to be private until someone talked me into making\nit available.<\/li>\n<\/ul>","raw_excerpt":"Hand your visitors a magnifying glass to scrutinize your artwork.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/16187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=16187"}],"author":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/codeblab"}],"wp:attachment":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=16187"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=16187"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=16187"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=16187"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=16187"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=16187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}