fmos / wp-photonav Goto Github PK

Reported by Daniel Berlanga (Danikaze) on the plugin page]

I’m getting this in the javascript console…

Uncaught TypeError: Object [object Object] has no method 'photoNav'

using Chrome on Win7 x64

This is a great plugin but there is a slight problem on when viewing a panorama on a mobile device. I have found that if the panorama takes up all the screen, you can no long drag up and down to view the rest of the page. You can still drag left and right to see the full image, you just can't go up and down.

The only way to get around it is to ensure the image does not go full width so some of the page background is available.

Tested with Sony Xperia M4 and Asus Android Table V 6.0.1
Wordpress custom theme

I would love to keep using this plugin but it's for a project I have to finish up in the next week or so.

Thanks

Bob

It would be nice to recognize that panorama pictures are "different", i.e. that they can be interacted with, which is not clear when using drag mode.
Some Label "drag me" that disappears upon interaction would be a solution.

The initial vertical postion of the panorama is incorrect in Safari, i.e. the image is vertically displaced instead of filling the container.

In IE8, the panorama flows out of the intended frame, effectively rendering the plugin unusable.

hi fmos!
Your plugin is very good for me who create an infinite horizontal slideshow. I just have a question : how can i change the speed of the scrolling?
perhaps it will be a good thing to add this parameters in the shortcode?

Thx and sorry fo my bad english : i'm just french ;)

Introduce shortcode option to define the initial position of the image within the container. Also add support in the admin interface.

The drag mode of WP-PhotoNav doesn't work with the new default theme:
The picture immediately disappears when being grabbed for dragging.

Update the media buttons and dialogs to the current API (it seems the API used now isn't even documented any more). For reference: http://wp.tutsplus.com/tutorials/theme-development/guide-to-creating-your-own-wordpress-editor-buttons/

How about adding a link attribute to open a new page when clicking in the panorama?
As it's a div element, you can't do <a ...><div ...> so it would be a good idea to add something like this [photonav ... link='http://foo.bar' ]

Add support for touch interfaces usually found on smartphones and tablets. At the moment, no interaction with the panorama (neither move nor drag) is supported. Most natural would probably be a drag-like interface, which can be used regardless of the mode specified.

Update for High-res displays

The colorbox popup doesn't work with recent versions of the plugin: nothing happens, when the image is being clicked.

Dragging round and round in each direction simply doesn't work anymore.
see http://wordpress.org/support/topic/drag360-does-not-work-on-wp36

Hi,
I have added a new behavior to the "Move" mode. You can see it here:
http://emartinena.es/galerias/panoramicas
The idea is to see the full photo while mouse is out of the container and to get a zoom and move on hover.
I have tried to create a branch and to upload it but github says that I "may not have permission to access wp-photonav".
Can U help me?
Thank U in advance.
Greetings.

Hi Fabian,

we've discovered a weird bug while using wp-photonav: Clicking into the image sometimes leads to half of it disappearing horizontally.

After an endless debugging session, it turns out that on our site, some wordpress plugins were doing some image pre-loading magic, which caused the plgin's calculated container.offset() to become invalid shortly after page load, depending on if some of the other contents were already loaded during initialization or not.

To reproduce, try this:

1. Open your example page and inspect one of the panorama images using your favourite web dev tools.
2. Change the text paragraph just above the panorama container, adding some lines
   (this displaces contents below the container, leading to different container offsets than we had on page load)
3. Drag the panorama.

This should show a horizontally half-cut image instead of the normal behavior.

Since I can't control our site's pre-loading logic and never know if contents will keep their height after load, I've come up with a solution to re-calculate the offsets just before dragging begins - on mousedown().

There's a related discussion here: http://bugs.jqueryui.com/ticket/4911
jQuery-UI should introduce a refresh() function in their next major version, but for now, this patch works.

Best,
Artjom

Hi,

I noticed today that my panorama's are moving in the wrong direction and are not shown in total.
When clicking on the panorama it opens in the lightbox, but I cannot scroll through it as I usually could.

An example is here: http://blog.fokkio.nl/oostvaardersplassen-ingang-almere/

It used to work good.

Can you help me with this problem?

Thanks in advance.

Update the code to match the WordPress coding standards.

A 360 panorama may rotate until the first interaction.

Pretty much self explanatory: make the animate parameter more powerful by accepting direction values.

I originally thought this did not work with do_shortcode in a template, but actually the issue is that it does not work in a hidden div. We are using a tabbed display and this tab is not shown by default. As such, the JS sets the height of the Panoramic div to 0 making it invisible.

Is there a way to re-initiate the JS when a tab is clicked?