This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

WP-PhotoNav

Description

This plugin is a rewrite of a JavaScript snippet called PhotoNav. It provides for easy integration of panaorama pictures in a WordPress page throught using shortcode. The user can “rotate” the view of the panorama by moving the mouse over the image area or dragging the image.
Additional features include an integration with jQuery Colorbox and animated scrolling.

Further reading:

  • Suitable panorama pictures can be created e.g. using the Hugin panorama photo stitcher
  • For usage examples and documentation, please visit the plugin page
  • If you are interested in contributing, feel free to branch on GitHub

Installation

  1. Upload the wp-photonav directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress
  3. Upload a panorama picture
  4. Include PhotoNav in your post by entering [photonav url='/wp-content/uploads/2010/08/panorama.jpg'].

Reviews

01 Martsa 2018
While the plugin appears to work fine even with the most recent version of WordPress (4.9.4 as I write this), the output that it produces seems to be broken with newer browsers. On both the latest Firefox and Opera (Chromium based) the pano simply vanishes, or only leaves a pixel wide line as soon as I click on it. The lack of better support for mobile devices has been mentioned in another review. Too bad, I really liked the plugin!
10 Aprily 2017
Works with mouse fine on Windows PC with Chrome. On an Android tablet or phone no fun, no translation opf wipes to mouse events. Ony scrolling with tapping on the screen. No visible indicator that you are viewing a panorama.
Read all 8 reviews

Contributors & Developers

“WP-PhotoNav” is open source software. The following people have contributed to this plugin.

Contributors

Translate “WP-PhotoNav” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.2

  • Bugfix: Removed orphaned resource hooks, thanks mydiskdriveonline

1.2.1

  • Bugfix: Fixed Colorbox popup

1.2.0

  • Feature: Animation direction configurable
  • Feature: Zoom animation mode
  • Feature: Support for drag mode on touch interfaces
  • Feature: New editor dialog (replaces outdated media insert dialog)

1.1.0

  • Feature: Initial position can be configured
  • Feature: A label can be displayed to differentiate from normal images
  • Feature: If animate is enabled for drag360 images, it scrolls infinitely (until first dragged)
  • Bugfix: Work around changes in jQuery draggable to make drag360 work again
  • Spanish translation provided by Andrew Kurtis from WebHostingHub

1.0.2

  • Bugfix: Updating scrolling information on image load to fix incorrect animations
  • Bugfix: Hide image shadows in 360 view

1.0.1

  • Warning: Updating API calls to current standards (fix WP_DEBUG warnings)
  • Workaround: Fixed dragging when using TwentTwelve

1.0

  • Bugfix: Increased precedence of the img CSS properties to 1 id + 3 classes
  • Update dimensions on img.load()
  • Rewritten drag constraint mechanism
  • Generalised CSS and cleaned up JavaScript code
  • Widget update (Norman Stanke)

0.9

  • Feature: PhotoNav widget (by Norman Stanke)
  • Feature: Integration with Media Library tab in the editor dialog

0.8

  • Bugfix: Interference of CSS properties with TwentyTen theme fixed.

0.7

  • Feature: Support for popup display with ColorBox (similar to LightBox) when the jQuery Colorbox WordPress plugin is active
  • Feature: Animated automaticl scrolling
  • IDs are now obsolete and ignored; instead random anchors are generated by PHP.
  • Restructuring of the Javascript code: photonav is now a proper jQuery plugin

0.6

  • Bugfix: All Javascript code is now properly wrapped in a jQuery.ready handler. This resolves reported issues with the Mystique theme.

0.5

  • Enhancement: Horizontal 360-degree panoramas (infinite scrolling) are now supported by the ‘drag360’ mode.

0.4

  • Bugfix: use jQuery offset() function instead of native offsetLeft and offsetTop to compute relative mouse position.

0.3

  • Adds drag support: when adding shortcode option mode=’drag’, the panorama can be rotated by dragging it.
  • Adds vertical scroll support for both, traditional ‘move’ and ‘drag’ modes. This is activated by using the container_height and photo_height shortcode options, where obviously container_height must be smaller

0.2

  • Changes php source structure to object orientation
  • Panorama media button as a simple shortcode helper
  • I18n

0.1

  • Initial release.
  • Shortcode ability