WP-PhotoNav

September 06, 2014

WP-PhotoNav Plugin

Provides a scrolling field without scrollbars for pictures with huge horizontal dimensions. Especially useful for panorama pictures.

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'].

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

Details

  • Version: 1.2.2
  • Active installations: 400
  • WordPress Version: 2.8
  • Tested up to: 4.0.38

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars