Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations bkrike on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
How to popup images in new window?
- Thread starter j420exe
- Start date
you can open a window with newWin=window.open(url,windowName,properties)
url would be the url of the image. setting the properties would contol the size, scrollbars, etc.
this is the nicest version I have seen of what you are seeking
url would be the url of the image. setting the properties would contol the size, scrollbars, etc.
this is the nicest version I have seen of what you are seeking
elegidito
Programmer
- Jan 19, 2002
- 358
this should work:
then your images & links:
then in your new window:
your hidden input should look like this:
hope this helps
The pen is mightier than the sword.
Code:
<script language="javascript"><!--
function imager(n)
{
var image = document.images[n].src; //sets img src to var
document.form1.input1.value = image; //sets hidden input to
// image
}
function preview()
{
var newWindow = window.open("bigimage.html");
}
//--></script>
Code:
<a href="javascript:preview()">
<img src="blah.bmp" onMouseOver="imager(0)"></a>
<a href="javascript:preview()">
<img src="blah2.bmp" onMouseOver="imager(1)"></a>
Code:
<html>
<body>
<img src="">
<script language="javascript"><!--
document.images[0].src = opener.document.form1.input1.value;
//--></script>
</body>
</html>
Code:
<input type="hidden" name="input1">The pen is mightier than the sword.
elegidito
Programmer
- Jan 19, 2002
- 358
heh, i was still typing when roblasch answered this, and had yet to see it. -- you could combine our methods to get a more complete thing like so:
once again..the images:
that should work!
The pen is mightier than the sword.
Code:
<script language="javascript"><!--
function imager(n)
{
var image = document.images[n].src; //sets img src to var
var newWindow = window.open(image);
}
Code:
<a href="javascript:preview()">
<img src="blah.bmp" onMouseOver="imager(0)"></a>
<a href="javascript:preview()">
<img src="blah2.bmp" onMouseOver="imager(1)"></a>that should work!
The pen is mightier than the sword.
Since you say you already have a list of links, the easiest way is to just add target="_blank" to each link. It's a low-tech solution, but it works. And it should work in ALL browsers. Tracy Dryden
tracy@bydisn.com
Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.
tracy@bydisn.com
Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.
- Status
Similar threads
- Locked
- Question