Open Picture Window Plugin

Overview:

Opens a new browser window containing the image specified using JavaScript. You have the option to choose the features as well as choose if you want it to be centered.

Features

  • Easy to use and edit.
  • Uses JavaScript to open the Window, hence keeps your site XHTML 1.0 Strict and XHTML 1.1 compliant.
  • Function can be called multiple times on the same page.
  • All features of the window to be opened can be set using JavaScript.
  • If required, the window can be centered on the screen.
  • A title can be given to the new window, which is also used as alt and title attributes for the image.
  • The window that is opened is perfectly XHTML compliant.
  • Opened window autofocuses to bring attention to the picture.
  • It works perfectly if you serve your site as application/xhtml+xml.

Requirements:

Installing

  1. Download Open Picture Window Plugin.
  2. Extract the contents of ald-openimagewindow.zip to /wp-content/plugins/ folder.
  3. If you are upgrading, please delete the ald-openpicturewindow from the /wp-content/plugins/ folder.
  4. Activate the Plugin.
  5. You can insert the code for the plugin by using the Quick Tags button called OPW. You will be asked to specify the URL of the image, width and height of the window and the title. The button is available when you’re WYSIWYG editor is turned of in WordPress 2.x. In 2.1, the button is available in the Code tab of the WYSIWYG editor.

The JavaScript Function:

ald_OpenPictureWindow(theURL, winName, features, myWidth, myHeight, isCenter, myTitle)

  • theURL – The URL you want to open in the window.
  • winName – Name of the window to be opened.
  • features – The features of the windows. viz. The following features are available in most browsers:
    • toolbar=0|1 : Specifies whether to display the toolbar in the new window.
    • location=0|1 : Specifies whether to display the address line in the new window.
    • status=0|1 : Specifies whether to display the browser status bar.
    • menubar=0|1 : Specifies whether to display the browser menu bar.
    • scrollbars=0|1 : Specifies whether the new window should have scrollbars.
    • resizable=0|1 : Specifies whether the new window is resizable.
  • myWidth – Specifies the width of the new window.
  • myHeight – Specifies the height of the new window.
  • isCenter – Set to true to center the window.
  • myTitle – Specifies the title of the new window. Also used for image alt and title attributes.

Demo:

Demo for the same is available on my test blogs.

ChangeLog:

  • 1.5.1
    • Clicking on the image in the opened window will now close the window
  • 1.4
    • Fixed an error where the javascript file was not included correctly
    • Picture should not get cut off in the new window being opened
  • 1.3
    • Upgraded to support WordPress 2.6
    • Folder has been renamed to ald-openimagewindow
  • 1.2
    • Upgraded to support WordPress 2.1.
    • Opened window now autofocuses.
    • If you specify new window dimensions for the same window, the window will resize to the new dimensions.
  • 1.1 – Quick Tags support added
  • 1.0 – Release

To Do:

  • Internationalization

Downloads

Current Version is 1.5.1

I?ve spent a good deal of time and money developing and maintaining the plugin. If you like the plugin and find it useful and would like to donate something for my work please do click the Paypal Donate button below. The payment is secure. I haven?t filled in any amount. Feel free to donate what you please. Any amount is welcome. Thank you :)

License

All files and their contents are licensed under the GNU General Public License (GPL).

Questions or Bugs

If you have any questions or would like to report any bugs then please visit the support forum.

Download Open Picture Window v1.5.1

Comments

  1. Nifty :-). I like the extra option of having control over the title of the popup window. I’ll be using this a lot.

    Works nicely with IimageBrowser, too.

  2. Glad to know you like it Les.

    I made it so that it works perfectly with IImage Browser.
    Am going to make a seperate post about it today :)

  3. Alexander Trust
    April 4, 2006 - 8:07 pm

    Is it possible to let the window be automatically sized? Though it would fit the dimensions of the image automatically? I tried to type 100% to the placeholders for width and height, but it recognizes it as 100 pixels.

  4. Hello Ajay,

    Nice and useful plugin.

    Is there a way to get to configure the plugin so that the picture opens in a target WordPress page? Look at this site as an example of pictures opening automatically in a page:

    http://www.hollywoodtuna.com

    The idea is for this target page to have the logo of the site, a “Back to Blog” button, and to display AdSense ads.

    Thanks for any help.

    Sebastian

  5. I’m actually working out a way for this.

    It won’t be Open Picture Plugin, but another plugin which will automatically take either a picture / webpage or maybe swf file and display it.

    You will be able to customize the page more easily, displays adds or what not!

    In the pipeline, but I can’t give you a date just yet.

  6. I love this code, thanks. I second, code which allows image to be opened in a wordpress environment would be sweet.

  7. Would LOVE to see a QUICKTAG button on this!!

  8. Hi joe,

    That is coming in the next release. Am really tied down with studies right now, hence the delay.

  9. Cool,
    dying to see the quicktag! Good luck studying, so you can spend all your free time programming =)

  10. hello!
    your plugin is exactly what i need for my wordpress. unfortunately i am simply too dumb to get it properly working. i dont want you to support me in noobish code questions, i just want to know, when you think u are going to release an updated version of your plugin with an included button to the QuickTags toolbar. i am desperately waiting for it. thanks!!

  11. Hi pepper,

    I really feel bad I haven’t released an update so far. Have been really struggling for time.

    Will get an update ready in two weeks.

  12. hello ajay!
    thx for the info. i will check this site regulary for updates. i just wanted to avoid that i am waiting for an update that will never come.
    pepper

  13. Hi Pepper, you can subscribe to the feed.

    I can understand what it like to wait and not expect. Thanks for commenting, it’s good to know people use my plugins and expect improvements :)

    You will have that update soon. I’ve learnt how to generate the button.
    However, note that it will only be for the quicktags and not the WYSIWYG editor. Unless I learn to figure it out.

  14. Hi. What a pity. Yor Downloadlink is dead…

    This ID doesn’t exist!

    But good work, especially the XHTML-Compliance
    Frank.

  15. Hi Frank,

    It should be working now. My download counter got screwed.

  16. It’s okay now. Thank You.

  17. Glad to know that. Hope you like the plugin!

  18. hi ajay! thanks for the plugin. i have a question regarding how to use it though – i’m sorry but i am not tech savy at all and i know practically nothing when it comes to customizing wordpress.

    i’ve installed the plugin, activated it, but what do i do from here? i don’t see the quicktag button when i go to write a new entry. do i have to change something in my quicktags.js file?

    sorry, i still don’t quite understand quicktags or how to insert new ones.

    can you please walk me through this after the activation step?

    i’m so sorry for being so unfamiliar with this!

    thanks!!

  19. Hello
    nice work, this the plug in im searching for
    but i got a problem how i can work it together with AAimage browser

  20. AAimage Browser?

  21. Ajay i really need this plugin but i am having a problem……
    i can open image in a new window of my desired size but this window does not compresses the image but it crops the image and the image remain missing from bottom.

    • Absar, that is how it supposed to work. The plugin doesn’t work as an image cropper, just a displayer

Leave a Reply