{"id":2566,"date":"2009-01-20T18:35:31","date_gmt":"2009-01-21T01:35:31","guid":{"rendered":"http:\/\/lee.org\/blog\/?p=2566"},"modified":"2009-03-29T18:41:57","modified_gmt":"2009-03-30T01:41:57","slug":"installed-wp-fancyzoom","status":"publish","type":"post","link":"https:\/\/www.lee.org\/blog\/2009\/01\/20\/installed-wp-fancyzoom\/","title":{"rendered":"Installed WP FancyZoom"},"content":{"rendered":"<p><a href=\"http:\/\/lee.org\/blog\/wp-content\/uploads\/2009\/01\/howifeeltoday.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-thumbnail wp-image-2567\" title=\"howifeeltoday\" src=\"http:\/\/lee.org\/blog\/wp-content\/uploads\/2009\/01\/howifeeltoday-180x200.jpg\" alt=\"\" width=\"126\" height=\"140\" srcset=\"https:\/\/www.lee.org\/blog\/wp-content\/uploads\/2009\/01\/howifeeltoday-180x200.jpg 180w, https:\/\/www.lee.org\/blog\/wp-content\/uploads\/2009\/01\/howifeeltoday-270x300.jpg 270w, https:\/\/www.lee.org\/blog\/wp-content\/uploads\/2009\/01\/howifeeltoday.jpg 600w\" sizes=\"auto, (max-width: 126px) 100vw, 126px\" \/><\/a>I switched from <a href=\"http:\/\/zeo.unic.net.my\/notes\/wp-lightbox-js-wordpress-plugin\/\">WP Lightbox JS<\/a> to <a href=\"http:\/\/granades.com\/wp-fancyzoom-wordpress-plugin\/\">WP FancyZoom<\/a>. I&#8217;m pretty sure its the right decision. I really like the idea of having the lightbox plugin resize the image according to the size of the user&#8217;s screen. That way, I can post things in full resolution and not worry that when the user clicks on a thumbnail, the image will expand so much that they have no idea what they are looking at (like one of those Games Magazine Eyeball Bender). I&#8217;m trying to future-proof the blog. It would be a shame in a few years if someone looked back on this site and was disappointed that the only copy of an image I had was a reduced-resolution image.<\/p>\n<p>Upon installing it, I notice that when you open images that have text in them, the text isn&#8217;t nessesarily legible; it depends on how large your browser window is (<a href=\"http:\/\/lee.org\/blog\/2008\/11\/13\/introducing-nimby-20\/\">example<\/a>). Hmmm.. hmmm.<\/p>\n<p>I very much like that FancyZoom pre-loads the full-size image when the user mouses-over the image. It makes load-times pleasantly quicker without any fuss for the user :-)<\/p>\n<p>I&#8217;ll leave FancyZoom up for a while and see how I feel about it.<\/p>\n<p>In FancyZoom.js, I changed the defaults to make image display speedy like so:<\/p>\n<p><code>var zoomSteps      = 2;   \/\/ Number of zoom animation frames<\/code><\/p>\n<p><code> <\/code><\/p>\n<p> \u00a0<\/p>\n<p>I hope the author isn&#8217;t too disappointed in my choices here. Setting it like so almost completely eliminates the &#8220;super sexy&#8221; zoom effect that he is proud of (read the docs, he&#8217;s really happy with it!). But it does what I want it to do and I am thankful! That single intermediary image that flashes in the window for just a few milliseconds hints at what&#8217;s going on very well without taking up too much time.<\/p>\n<p>(<a href=\"http:\/\/www.defectiveyeti.com\/archives\/002666.html\">image via<\/a>)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I switched from WP Lightbox JS to WP FancyZoom. I&#8217;m pretty sure its the right decision. I really like the idea of having the lightbox plugin resize the image according to the size of the user&#8217;s screen. That way, I can post things in full resolution and not worry that when the user clicks on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-2566","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/posts\/2566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/comments?post=2566"}],"version-history":[{"count":1,"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/posts\/2566\/revisions"}],"predecessor-version":[{"id":2568,"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/posts\/2566\/revisions\/2568"}],"wp:attachment":[{"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/media?parent=2566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/categories?post=2566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/tags?post=2566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}