A reader asks:
First of all, thank you so much for all your help and answers to my past questions! On my blog when an image is put on a post, if you click on the image, it will open up to see a larger, closer view. This is great and I really appreciate that you can then see more details i the artwork that I do. However, is there a way where this can be done to open up into a new window? Like how you explained to add target=”_blank” to a link, so that it will open up in a new window. Can this be typed also into the images info on the HTML codes? Or is there some thing else that can be typed, so that this can be done?
Answer:
You can use “target=_blank” in ANY “<a>” tag no matter what the “<a>” tag encloses. You can wrap an image, text or other object in the “<a>” tag like this: <a href=”www.yourlink.com” target=”_blank”>Your text, image or object here</a>
Just put “target=_blank” anywhere in the opening “a” tag to cause it to open to new window. If you use Blogger to upload an image, they put a lot of long attributes into the whole string, but that doesn’t matter. As long as the “target=_blank” is somewhere in the opening “a” tag, it will work. Here’s samples from a Blogger upload, and then a more simple one from WordPress (which is also just plain old standard HTML except for the “mce_href” which is WordPress specific). Check them out…
Examples
Blogger Produced Code Using Blogger Upload:
WordPress and Standard HTML
Remember, you can link just about any object or piece of text in HTML. And if you can link it, the “target=_blank” will cause it to open in a new window.
Questions?
 |
I would be very grateful if you
|
{ 5 comments… read them below or add one }
Hi! I was surfing and found your blog post… nice! I love your blog.
Cheers! Sandra. R.
Hi, Brent . . . just wanted you to know that “target=new” (no quotes of course) also works in every place I’ve used it. Even in flickr. Easier keystrokes. I never knew, tho, that you could put this anywhere within that first group of code! Thank you.
Wow! you are so quick!
Thank you for answering this! I am excited about trying it in my next post…
I do appreciate you answering my question in the midst of everything else you have going on!
Blessings & Aloha!
Maria
Great tip. Is there away, so the photo can’t be clicked at all?
Nothing can be “clicked” unless is it wrapped in the “” link tag… so if you have a photo that you don’t want to be clicked, go into the HTML, and delete the link tag before the image, everything between the opening and closing (): ““. Don’t forget to delete the closing tag: ““