Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

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


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Aug 3, 2010, 08:55 PM
JAT
 
5 posts · Jul 2010
Austin, TX
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>
  #2  
Old Aug 3, 2010, 09:57 PM
lmilesw's Avatar
lmilesw
 
10,108 posts · Jul 2009
Central New York State USA
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?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Aug 3, 2010, 11:16 PM
JAT
 
5 posts · Jul 2010
Austin, TX
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!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to make a hyperlink in a new window without header image, left and right sidebars mikechui Header configuration & styling 1 Apr 3, 2010 05:52 AM
Open RSS in New Window? adum RSS, Feeds & Subscribing 6 Jan 12, 2010 07:19 PM
[SOLVED] Image don't open in fullsize in a separate window shus Page & Category Menu Bars 3 Dec 28, 2009 06:23 AM
Can links in footer open in a new window? junebob Post-Kicker, -Byline & -Footer 0 Dec 10, 2009 11:00 AM
Open RSS Feed in new window Ber|Art RSS, Feeds & Subscribing 0 Oct 13, 2009 07:15 AM


All times are GMT -6. The time now is 02:14 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.