Printable View
I am using Yahoo Site Builder 2.3.
When clicking on an image I want it open in a new SMALLER window. I can open it in a new window but it covers the whole screen.
I couldn't find any advice in help pages, emailed Yahoo 5 days ago but no reply. Checked the internet and found some HTML codes but I can not get it work :confused:....it is awful to be a NOVICE!!!
A simple explanation appreciated.
Thank you.
Because it cannot be done with HTML alone, not and guarantee the size of the new window. You can put:
target="_blank" inside the link tag, which opens the link in a new window, but that won't allow you to adjust the size.
To adjust the size you need javascript, and I don't know anything about yahoo site builder, to tell you if they'll permit it, or how you can add it there.
What size is the image you want to open?If you don't need to size to vary ,you could simply make sure the pic is the correct size by resizing it using a program like Irfanview .Not sure of the dimensions ( Length X Width ) but make sure its only 72DPI,this is all you need for viewing on a monitor and will keep the file size small.
Another option is make a small picture as the link to a larger one and use what JP posted.
Example:
Have a 100X100 picture linked to a 640X640 using the blank so it opens in a new page I have used this.
<td width="156" align="center">
<a target="_blank" href="images/Temple.jpg">
<img src="images/Temple_small.jpg" width="100" height="100" xthumbnail-orig-image="images/Temple.jpg" border="2"></a></td>
Which centered it in the middle of its table block. And make sure photos are uploaded and in that folder.
You could also use plain-'ol HTML code.
As an example, I've put two different sized pictures of the same thing, a Vauxhaul VX Lightning 2003, out on the web. Both pics are available in the same directory here:http://www.spywaredrguide.com/VirtualDr/imagesThe first smaller pic is a 200x150 pixel image named:vhvxl03a.gifThe second larger pic is a 800x600 pixel named:vhvxl03a.jpg(i.e., same filename, different extension).
Now I want the HTML code that shows the little pic and, when you click on this little pic, a new browser window opens with the big pic in it.Works for me. :)
- Copy & paste the following code into Notepad:
(Using your mouse, left-click just to the left of the first character in the above 'code' box and then keep dragging to the right to the very end of last character so that all of the code in the box is highlighted. Now press [Ctrl-C] to copy it into temporary memory on your computer. [This temporary memory is called the Clipboard]).Code:<a href="http://www.spywaredrguide.com/VirtualDr/images/vhvxl03a.jpg" target="_blank"><img src="http://www.spywaredrguide.com/VirtualDr/images/vhvxl03a.gif" width="200" height="150" alt="Vauxhall VX Lightning 2003" border="0"></a>
- Open Notepad. (Click Start | Run, type in notepad and press [Enter]).
- Press [Ctrl-V] to paste what we just copied to your computers memory into Notepad.
- Save the file as "c:\vh.htm". (Click File | Save As..., type in c:\vh.htm and press [Enter]).
- Load your new "c:\vh.htm" file in Internet Explorer. (Open Internet Explorer [the big blue "e" icon], click File | Open..., type in c:\vh.htm and press [Enter]).
- You should now be looking at the little pic (the 200x150 "vhvxl03a.gif") in Internet Explorer.
- Place your mouse cursor over the image and within a second or two you should see a tooltip pop up with the words "Vauxhall VX Lightning 2003" in it. (Because that's the string of characters we used in the "alt=" tag in the above code).
- Click the little image and a new Internet Explorer window should open, (because we used the code 'target="_blank"' above), with the larger picture in it.