WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] image pop up plugin (27 posts)

  1. ronco
    Member
    Posted 8 years ago #

    Would anyone be willing to write a plugin that allows me to insert a thumbnail in a post, which opens as a pop up of the full scale image when clicked? I don't want a gallery in the post, only the thumbnail. This would be greatly appreciated!

  2. Ajay
    Member
    Posted 8 years ago #

    You may want to check out my Open Browser Window Plugin.

    I'm also planning on releasing one exclusively for images.

    If you use IImage Browser as well then you may like to read this.

  3. ronco
    Member
    Posted 8 years ago #

    Ajay, thanks very much. I was looking for something a little more automated perhaps, but I'll play around with IImage Browser and your hack and see how that goes. Please let me know when you release your Open Browser Window Plugin for images. Thanks again.

  4. ronco
    Member
    Posted 8 years ago #

    I've had a play around with Ajay's plugin and hack but they are much too complicated for what I want. Any other offers?

  5. ronco
    Member
    Posted 8 years ago #

    I've noticed a few requests on other forums for this type of plugin, so it seems to be in demand - but with no supply! Can anyone do this?

  6. jimatwork
    Member
    Posted 8 years ago #

    There is a plugin called zap_imgpop that does what you want -
    http://www.zappelfillip.de/index.php/2005-10-25/zap_imgpop/

  7. ronco
    Member
    Posted 8 years ago #

    Thanks very much, jimatwork, I haven't had a chance to try it yet but your plugin seems to do exactly what I want. Yipee!

  8. ronco
    Member
    Posted 8 years ago #

    Right, I've tried it now and your plugin works perfectly - just exactly what I was looking for. Thank you again.

  9. Ajay
    Member
    Posted 8 years ago #

    I guess ZAP's plugin does a very good job.

    Will however post when I do release Open Image Window Plugin.

  10. jwurster
    Member
    Posted 8 years ago #

    It's always good to have more than one plugin to do the "same" thing. Since programming is creative, what one thinks is the answer to a question may be interpreted differently by another. I should know since I am a programmer. I awit your plugin Ajay and will check it out when you are done.

  11. ronco
    Member
    Posted 8 years ago #

    Alas, this does not work with the Horizontal theme - which is the one I am using! I assume there is some sort of clash with the javascript used in the theme. Any ideas about a solution? I was so close!

  12. jbarse
    Member
    Posted 8 years ago #

    You can do this on a per-image basis using a bit of Javascript. It's a little more work than Zap's elegant solution (OK, it's more than a little more work) but it's pretty simple and it works great.

    First, upload your full size image to wp. Either let wp make the thumbnail or create one yourself and upload it.

    Second, insert the thumbnail into the post, and add this code around it:

    <a href="URI of your full size image" onclick="window.open('URI of your full size image','popup','width=XXX,height=YYY,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="URI of your image thumbnail" border="0" height="thumbnail height" width="thumbnail width" alt="panorama" align="either left or right" /></a>

    Obviously you'll have to replace the "text" values above with the appropriate ones for your own site. I'm doing some testing with 2.0 at the moment, and I just tested this for my own use this afternoon. You can see it in action on my test blog in this post. You can view the page source to see how the values work on the test site.

    hth

  13. @Ajay - just installed your plugin and the "hack" for IImageBrowser, which I started using recently. Works very nicely for me - thanks.

  14. ronco
    Member
    Posted 8 years ago #

    Actually Jack, although that solution isn't particularly elegant, it does work well with the Horizontal theme - so thanks very much for that, I may have to use it if nothing else is forthcoming. However, I wonder why Zap's plugin doesn't work with that theme. I really would prefer the convenience of a simple plugin if it can be made.

  15. jwurster
    Member
    Posted 8 years ago #

    ronco: What is the link to your site? Are you getting errors?

  16. ronco
    Member
    Posted 8 years ago #

    Jim, I'm just working locally on this at the moment. I'm halfway through converting the Horizontal theme to a scrolling gallery. I'm not getting any errors as such - instead of opening a popup, when I click on the thumbnail, it simply opens the image in a new window. Zap's plugin works fine with other themes I have tried so, as I said, I'm assuming there is a conflict with the javascript code that's already used in the Horizontal theme.

  17. jwurster
    Member
    Posted 8 years ago #

    ronco, it took me a little while to get the img src syntax right. I have other javascript code running and it seems to work. I also had the same problem as you. Are you using FF? If so, do you have the "open link in new browser window" set to no?

  18. ronco
    Member
    Posted 8 years ago #

    Jim, I have been using FF but I have also tried it in IE, with the same results. Also, I couldn't find the setting for "open link in new browser window" in FF. I have very quickly uploaded a copy of what I have on my home machine to: http://www.lonestarpress.org/photos. For some reason it isn't displaying quite the same as on my local machine but the popup still doesn't work, regardless. I think its worth my while to keep plugging away at this, so any suggestions will be welcome. I'm going out 2nite and won't be around til 2moro but, hopefully, I'll be able to take it a bit further then.

  19. jabecker
    Member
    Posted 8 years ago #

    I use a free javascript called "pop-up images" that I got here: http://www.crays.com/jsc/

    It works in IE and FF, and Opera for that matter. I've used it through several releases of WP without a hitch. You can see it on WP 1.5 on my site at http://www.persistentillusion.com/blogblog/index.php Just click on any of the pictures in posts to see the pop-up. I also have it running on WP 2.0 on my test bed, but that's not publically available.

    I installed it a little differently than the instructions suggest: Instead of pasting the script into my header, I created a file and stored it in a script folder. I then called the script in my WP header.

    I skipped step 2.

    In step 3, I do not use the onMouseOver and onMouseOut parameters in my posts when including an image.

    For step 4, I put pimg.htm in my WP root.

    I know that sounds cryptic, but it will make sense as you read the instructions.

    note: edited to fix link. Oops.

  20. jwurster
    Member
    Posted 8 years ago #

    I looked at the code for the page, but did not see the onclick="" in your img link. Check this link http://jwurster.us/wordpress/2005/12/01/december-is-here/ and view the source code. Also, go back to the plugin site and look at the instructions again.

  21. ronco
    Member
    Posted 8 years ago #

    Thanks jabacker, I really like your wee flash gallery by the way. I'll try out the script when I get a moment.

    Jim, I will go back and look at the instructions again. However, I don't believe Zap's code will work with WP 2.0 because of the way the images are uploaded - the quick example I set up online used WP 2.0. On saying that, I was having problems with a WP 1.5 install in the first place, on my local machine. I know that Zap's plugin will work with WP 1.5 and any other theme EXCEPT Horizontal - which takes us back to the original problem.

  22. ronco
    Member
    Posted 8 years ago #

    Ok, I've loaded up the site again, this time with a WP 1.5 install. As it did on my local machine, Zap's plugin works fine with the default themes but won't work with Horizontal - as you can see.

  23. jwurster
    Member
    Posted 8 years ago #

    Well, I guess I will have to read up a lot on WP 2.0 before upgrading to make sure my plugins will work. I'll have to look at the js code reference above as a backup.

  24. ronco
    Member
    Posted 8 years ago #

    Problem solved. Thank you Zap and everyone who contributed.

  25. bckpkrs
    Member
    Posted 8 years ago #

    IS there a way to make the ZAP plugin password protected, so that a prompt will be required to get access to the larger version?

    Thanks.

    BTW I posted something similar, regarding protecting links, but if I could find away to pswd protect this JS pop-up, that would be pretty cool.

    I have no clue - is this an easy thing, or a major PITA?

  26. Ajay
    Member
    Posted 8 years ago #

    @jwurster and LesBessant check out Open Picture Window Plugin

  27. twotwentysix
    Member
    Posted 8 years ago #

    http://soderlind.no/ has a great image manager plugin that lets you decide how you want to show your images, you can also link to pop-ups.

Topic Closed

This topic has been closed to new replies.

About this Topic