{"id":4403,"date":"2011-08-18T01:46:50","date_gmt":"2011-08-18T08:46:50","guid":{"rendered":"http:\/\/lee.org\/blog\/?p=4403"},"modified":"2012-04-23T02:48:56","modified_gmt":"2012-04-23T09:48:56","slug":"installed-wp-photonav-panorama-plugin","status":"publish","type":"post","link":"https:\/\/www.lee.org\/blog\/2011\/08\/18\/installed-wp-photonav-panorama-plugin\/","title":{"rendered":"Installed WP-PhotoNav Panorama Plugin"},"content":{"rendered":"<p>Finally, a promising panorama viewing plugin for WordPress!<br \/>\n<a href=\"http:\/\/fabianmoser.at\/wp-photonav\/\">WP-PhotoNav<\/a> by Fabian Moser lets you mouse-over a large image in a smaller window so you can scroll around a large panorama.<\/p>\n<p>To use, I make photo links like so:<\/p>\n<p>(right-bracket)photonav url=&#8217;http:\/\/lee.org\/blog\/wp-content\/uploads\/2011\/08\/udvar-hazy.jpg&#8217;]<\/p>\n<p>You can use features like so:<br \/>\n(right-bracket)photonav url=&#8217;http:\/\/lee.org\/blog\/wp-content\/uploads\/2011\/08\/udvar-hazy.jpg&#8217; popup=colorbox container_height=450]<\/p>\n<p>The plugin adds a panorama button next to the other Upload buttons, this aids in creating good code.<\/p>\n<p>(from <a href=\"http:\/\/fabianmoser.at\/wp-photonav\/\">his site<\/a>)<br \/>\nThe following parameters are used:<\/p>\n<ul>\n<li><strong>container_height<\/strong> \u00a0\u2014 Defines the height of the displayed frame (hence the container). If the image is higher than the given height, vertical scrolling (or dragging) is enabled. The unit is one pixel. There is also the parameter container_width in case you don\u2019t want the frame to fill the horizontal space available in the post or page.<\/li>\n<li><strong>mode<\/strong> \u00a0\u2014 Specifies one of the following modes: \u00a0<code>move<\/code>, \u00a0<code>drag<\/code> \u00a0or \u00a0<code>drag360<\/code> \u00a0where move is the default mode and doesn\u2019t have to be specified. The drag mode allows the user to navigate the panorama by dragging it inside the frame. The drag360 mode is similar, but generates the illusion of an vertically infinite image. This is useful for 360 \u00b0 panoramas where the user can turn around in each direction infinitely.<\/li>\n<li><strong>popup<\/strong> \u00a0\u2014 If specified, enables a popup for enlarged view. The only valid popup type at the moment is \u00a0<code>colorbox<\/code>, which only works if the \u00a0<a href=\"http:\/\/colorpowered.com\/colorbox\/\">ColorBox<\/a> \u00a0plugin for jQuery is available. It is provided e.g. by the \u00a0<a href=\"http:\/\/wordpress.org\/extend\/plugins\/jquery-colorbox\/\">jQuery Colorbox plugin<\/a>. You have to install this plugin separately to make use of the popup functionality.<\/li>\n<li><strong>animate<\/strong> \u00a0\u2014 If this option is enabled, the panorama will be rotated automatically until either the user interacts with it (by scrolling in move mode or dragging in drag mode) or the image is scrolled through entierely once. This allows to attract the users attention to the additional functionality of the panorama compared to a simple, still image. Please note that the animation (like everything else) is accomplished using JavaScript and might not be 100% fluid on all systems and browsers.<\/li>\n<\/ul>\n<p>[photonav url=&#8217;http:\/\/lee.org\/blog\/wp-content\/uploads\/2011\/08\/udvar-hazy.jpg&#8217; popup=colorbox container_height=450]<\/p>\n<p>[photonav url=&#8217;http:\/\/lee.org\/blog\/wp-content\/uploads\/2011\/09\/2011-06-26-17.08.29-Briones-2011-06-26-17.jpg&#8217; popup=colorbox container_height=450]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Finally, a promising panorama viewing plugin for WordPress! WP-PhotoNav by Fabian Moser lets you mouse-over a large image in a smaller window so you can scroll around a large panorama. To use, I make photo links like so: (right-bracket)photonav url=&#8217;http:\/\/lee.org\/blog\/wp-content\/uploads\/2011\/08\/udvar-hazy.jpg&#8217;] You can use features like so: (right-bracket)photonav url=&#8217;http:\/\/lee.org\/blog\/wp-content\/uploads\/2011\/08\/udvar-hazy.jpg&#8217; popup=colorbox container_height=450] The plugin adds a panorama [&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-4403","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/posts\/4403","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=4403"}],"version-history":[{"count":0,"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/posts\/4403\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/media?parent=4403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/categories?post=4403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/tags?post=4403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}