[SOLVED] Hyperlink - Open new image in blank browser window?
 

My site is set for no comments. I want to make hyperlinks so users can click on an active image that will then open in a new blank browser window. Within that new window, I want a different image to show than the one that was clicked on. I'm able to do this in Dreamweaver, and have tried to reproduce the code using every variation I can think of, in the WP Page Edit box. But the code is rewritten each time. I get instead a new browser window with my masthead rather than blank, and the same image that I clicked on rather than the new one. You can look here to see my test:

http://www.janedesign.info/books

Below is the code from the Edit Page box. I want an image called "testdetail.jpg" to appear in the new blank browser window sized to its full image size, which is width="1026" height="834". Instead I get "test1image.jpg" along with my masthead in my normal page layout.

I can get around html and css, but am new to PHP, and less than a week into Wordpress and Atahaulpa. (I have the latest versions installed.) If anyone can help, and think I need to change code elsewhere, I'd appreciate a bit of guidance to find it! So far I've been able to figure most everything out on my own, but this has me stumped. Thank you! This is the html from my Edit Page box. I've tried to link testdetail.jpg from my gallery or from uploads/testdetail.jpg but it gets rewritten.:

<a rel="attachment wp-att-304" href="http://www.janedesign.info/books/test1image" target="_blank"><img class="alignleft size-full wp-image-304" title="test1image" src="http://www.janedesign.info/wp-content/uploads/2010/08/test1image.jpg" alt="" width="315" height="283" /></a>

When you add an image with the WordPress editor there is a place to put a link URL. You just need to have the link go to the other page with the other image. To open in a new window there is even a checkbox in the image properties to do that. To make this even easier you can add the Link To Post plugin. Then just click on the image and use the Link To Post icon in the WordPress editor to select any page or post you like.

Here is a quick screencast of what I'm talking about.

Am I correctly understanding what you are trying to do?

Thank you once again, Larry! The little movie was super helpful. I figured out how to switch the image to a new one, so I'm including everything here in case anyone wants to know. It could be more steps than necessary, but it works!

1. First, your images should be in your Media Library.
2. On Edit Page, click on the little Add Media button.
3. Click on the Media Library Tab.
4. Click on the "Show" link across from the image to load it onto your page, set it to size and click "Insert into Post".
5. In Visual mode click on the image, then on the Edit Image button (the little picture).
6. Click the Advanced Settings tab.
7. Check the box "Open link in a new window" and click Update.
8. Click the image and the "Edit Image" button again.
9. Click "Link to Image." Here you can change the end of the URL, and therefore the image if you wish, by replacing the jpg with another that resides in your media library. Click Update.
10. Check your html, and it should all be there!