This is the homepage of the WP-PhotoNav plugin for Wordpress. It is mainly thought as a more interactive platform than the plugin page at the Wordpress plugin directory. Since the plugin is not yet complete, please feel free to post comments and requests during this early stage. I do not plan to significantly increase the functionality of the plugin, but I do want to improve the usability mainly by a smooth integration the with Wordpress interface. Of course, bugs in the produced output will be corrected and therefore will be a source of changes as well.
Example
The examples all have the corresponding shortcode below them.
Traditional
[photonav id='panoramaLeMole' url='/uploads/2009/05/panorama02_resized.jpg' container_width=758 photo_width=4190 height=500]
Drag mode
[photonav id='drag' url='/uploads/2009/05/panorama02_resized.jpg' photo_width=4190 height=500 mode='drag']
Vertical scroll
[photonav id='verticalscroll' url='/uploads/2009/05/panorama02_resized.jpg' photo_width=4190 container_height=250 photo_height=500 mode='move']
Vertical drag
[photonav id='verticaldrag' url='/uploads/2009/05/panorama02_resized.jpg' photo_width=4190 container_height=250 photo_height=500 mode='drag']
Download
Please download this plugin from the Wordpress plugin directory.
21 Kommentare
Seeing it at work here just took my breath away! This is an amazing plugin, well done!
Seas,…
Boa ist das ein Bommben Plugin einfach Voll Krass!
Zensiert*I fo da mit mana maus drüber und des rührt sig^^*Zensirt
Mit echt Superfreundlichen Grüßen
Da Norman
Hi, thx for creating this plugin, it’s really good.
Here r few ideas on improving usability and displaying of the image:
- remove image moving on mouse over;
- allow user to move image by holding LMB;
- probably allow user to zoom in/zoom out image, but it’s not so important as previous two points imo.
Cheers
Max
Hi, thanks for the input!
I will see what I can do about your first two suggestions (which belong together anyway). The zooming is something else. I would suspect this to be challenging, therefore it has to wait until I feel like/have the time for a challenge ;)
Cheers, Fabian
Hello,
this is such a great plugin thank you for creating it and allowing it for free download.
How about adding a 360 degree rotation feature along with click and drag feature.
Also on one of your post you put “I would suspect this to be challenging, therefore it has to wait until I feel like/have the time for a challenge ;)”. I would seriously be willing to help in any way that I can just let me know.
On a side note:
I am trying to figure a way of having this type of effect applied to a 3d type environment within a wordpress site for online tours of businesses or facilitys. If you would have any suggestions they would be gladly accepted.
Thank You
Hi, the 360 degree rotation is definitely a good idea together with drag interface.
With my remark you quoted, I wanted to express, that I have no experience with the image zooming capabilities of jQuery. However I did not look into that before either. So it is something I have to find out before I want to make promises. In any case, thanks for your offer. If I need help, I will contact you.
For your 3D application, you would need an additional up-down option, I suspect. That may be a reasonable extension for this plugin as well. However more interaction with the image certainly is not, at least at this point.
Cheers, Fabian
The just released version 0.3 implements the following features as requested:
- Optional drag’n'drop movement instead of the mouse-over movement
- Vertical scrolling, if the container height is smaller than photo height, for both mouse-over and drag movement
360° rotation is planned for the next release. Have fun!
Love it. Using it on my site
And looking forward to the 360 rotation. Need some help transelating to norwegian – just send a mail
Hi Great great great…plugin ….does the plugin in use java or flash …or none of the above …..and will it be possible to build in a auto rotate……
The plugin uses neither Java nor Flash, only JavaScript (via the jQuery library).
I didn’t think about autorotate so far, but it’s another good idea. However, I plan to implement a 360° rotation option first.
Ich habe das Plugin ausprobiert, doch das erste Beispiel und das move Beispiel gehen bei mir nicht, d.h.das Bild wird einfach abgeschnitten… http://www.janasworld.de/fotografie/nischwitz/
Gibt es dabei irgendetwas zu beachten, eine Mindestgröße? Meine Beispiele sind 5000px breit, doch abe rauch mit 1500px hat es nicht funktioniert… ode rhast du eine Idee woran es liegen könnte?
Die Beispiele wo man per klick schiebt sind alle ok…
Danke für die Rückmeldung. Mein armer alter Laptop ist mit den großen Bildern leider überfordert. Ich werde mir das morgen ansehen und dann hoffentlich helfen können.
Ich hoffe, ich konnte mit der Version 0.4 diesen Bug beheben. Es würde mich freuen, wenn du das ausprobieren könntest.
I do not understand how to use the button that is integrated into tinymce. I click on it then I can chose from url, from gallery or from media library.
How can I insert a picture from the gallery?
I tick the image then what? if I click on insert, it simply inserts a thumb? can I have a screen shot please? I really do not understand..
it seems to be incompatible with this plugin: http://jasonpenney.net/wordpress-plugins/use-google-libraries/
Sorry for the confusion. The dialog that pops up when you click the tinymce button should help to generate the shortcode. Unfortunately you have to use the “from URL” tab, because the media library is not yet supported. I have not removed the media library tab intentionally because now you can look up the URL of your picture there.
If you want to insert a picture from the gallery, just copy the URL from the media library tab to the field on the URL tab and fill in the other required fields. Unfortunately I couldn’t use the media library dialog directly. I would have to duplicate and modify it, which will be much more work than the way it is now. If I find the time and enough people seem to be using the plugin, I will see what I can do though.
oh and it also breaks the Shutter Reloaded plugin
Thanks for the report. This plugin relies on the jQuery version coming with WordPress. I will check, which jQuery version the Use Google Libraries plugin loads and why this leads to problems.
I just read this on the Shutter Reloaded FAQ:
Now I’m surprised, because my plugin relies only and exclusively on JavaScript (respectively the jQuery library). I’ll see if I can find the reason for the incompatibility.
Thanks again for trying WP-PhotoNav and for your report!
thx for the quick answers.
will wiat and se if htere are any news from your site. would be great if the incompatibilities could be removed :-)
great plugin btw.
One Trackback/Pingback
[...] WP-PHOTONAV [...]
Ein Kommentar erstellen