Zum Inhalt springen

WP-PhotoNav

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

  1. Seeing it at work here just took my breath away! This is an amazing plugin, well done!

    Erstellt am 28. August 2009 um 21:08 | Permanentlink
  2. 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

    Erstellt am 24. September 2009 um 18:24 | Permanentlink
  3. 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

    Erstellt am 12. Oktober 2009 um 23:44 | Permanentlink
  4. 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

    Erstellt am 13. Oktober 2009 um 07:50 | Permanentlink
  5. 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

    Erstellt am 13. Oktober 2009 um 10:30 | Permanentlink
  6. 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

    Erstellt am 13. Oktober 2009 um 10:48 | Permanentlink
  7. 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!

    Erstellt am 22. November 2009 um 22:09 | Permanentlink
  8. Love it. Using it on my site

    Erstellt am 25. Dezember 2009 um 17:19 | Permanentlink
  9. And looking forward to the 360 rotation. Need some help transelating to norwegian – just send a mail

    Erstellt am 25. Dezember 2009 um 17:21 | Permanentlink
  10. jean

    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……

    Erstellt am 28. Januar 2010 um 20:30 | Permanentlink
  11. 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.

    Erstellt am 28. Januar 2010 um 21:05 | Permanentlink
  12. 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…

    Erstellt am 30. Januar 2010 um 20:51 | Permanentlink
  13. 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.

    Erstellt am 31. Januar 2010 um 19:22 | Permanentlink
  14. Ich hoffe, ich konnte mit der Version 0.4 diesen Bug beheben. Es würde mich freuen, wenn du das ausprobieren könntest.

    Erstellt am 3. Februar 2010 um 23:38 | Permanentlink
  15. 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..

    Erstellt am 5. Februar 2010 um 15:27 | Permanentlink
  16. it seems to be incompatible with this plugin: http://jasonpenney.net/wordpress-plugins/use-google-libraries/

    Erstellt am 5. Februar 2010 um 15:40 | Permanentlink
  17. 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.

    Erstellt am 5. Februar 2010 um 15:42 | Permanentlink
  18. oh and it also breaks the Shutter Reloaded plugin

    Erstellt am 5. Februar 2010 um 15:44 | Permanentlink
  19. 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.

    Erstellt am 5. Februar 2010 um 15:52 | Permanentlink
  20. I just read this on the Shutter Reloaded FAQ:

    Since Shutter Reloaded does not use any js libraries, it does not interfere with them.

    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!

    Erstellt am 5. Februar 2010 um 15:56 | Permanentlink
  21. 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.

    Erstellt am 5. Februar 2010 um 15:59 | Permanentlink

One Trackback/Pingback

  1. [...] WP-PHOTONAV [...]

Ein Kommentar erstellen

Ihre E-Mail Adresse wird nie veröffentlicht oder weitergegeben. Notwendige Felder sind mit * markiert
*
*