[rdgraffix]

Hi guys, I'm (finally) getting around to redesigning, & updating my website but I've run into a problem.

What I'm trying to do is have a new window for an image pop up when a thumbnail is clicked on, at a defined size (for example 500 x 500) and without navigation/toolbars and all that clutter.

Now, it's easy enough to set this up in Dreamweaver with Behaviors, but if I do it that way the visitor doesn't get a nice little hand icon when he goes over the thumbnail telling him that yes, if he clicks he'll go to a nice big pic. Does anyone know how to get around this problem?


Thanks in advance.

[Catfish]

Using javascript...

<script language="JavaScript" type="text/javascript">
<!--

function openpopup()
{
winpops=window.open("popup.htm")
}

//-->
</script>


Then, for your thumbnails, give them this link
<a href="javascript penpopup()">

[Jabo]

Add a new attribute to the img tag:

<img src="IMAGE URL" style="cursor:hand" AND THE REST OF YOUR SHIT>

For the text (click to enlarge), add another attribute:

<img src="IMAGE URL" style="cursor:hand" alt="click to enlarge" AND THE REST OF YOUR SHIT>

Hope I could help you...

[Mindsiphon]

You need to specify the size of the new window on the page with the thumbnails.
Take a look at my code @

<A HREF="http://www.mindsiphon.com/art.html"TARGET=_blank>http://www.mindsiphon.com/art.html[/URL]</A>

Cheers!

[ August 07, 2002: Message edited by: mindsiphon ]

[Rat]

I was looking for this for quite a while (took me forever to find it), and what I found (that I rather like) is:

<A HREF="" onClick="window.open('[url/filename goes here]', 'newWnd', 'width=500,height=500,scrollbars=1'); return false;">blah blah blah</A>

A window with a scrollbar. That's it.

[Dekard]

Cut and paste the same code from RAT below:

<A HREF="" onClick="window.open('http://www.prime-ape.com/images/involved.jpg', 'newWnd', 'width=500,height=500,scrollbars=1'); return false;">
<img src=images/involved_sm.jpg width="90" height="55"></A>

Just rename your pics there and it works.

Here's a sample of it in action: http://www.prime-ape.com/test.htm

Thanks Rat..

[Herb]

Does that work for images only then? Because what I was trying to do was have it open up a new window at a set size.

[Herb]

Nevermind, I found it out:
<a href="url" onClick="NewWindow(this.href,'name','300','500','yes');return false;">your daddy</a>

[Gort]

<SCRIPT LANGUAGE=JAVASCRIPT>


<!-- Hide script from old browsers

function viewer(target)
{NewWindow = window.open(target, "Viewer",
"toolbar=no,scrollbars=no,height=475,width=475",
"status=no,resize=no,menubar=no,resizeable=no")
}


// End hiding script from old browsers -->

</SCRIPT>


then this ahref applied to image thumbnail (image1 housing your large image):

javascript:viewer('image1.htm')

You can see this script in action here - a very quick and dirty (meaning done while on vacation, so pardon the obvious errors) vacation log from last May: http://www.katelyncarter.com/disney/

[Rat]

quote:

---

Originally posted by Herb:
Rat, that code you provided won't work for some reason...do you have an example of it working?

---

I use text links. Not images.
http://www.geocities.com/rat_662/stories/Stories.html

You apparantly figured it out, but I thought I'd toss this in, anyway, since you asked for it.

[ August 12, 2002: Message edited by: Rat ]

[Herb]

Rat, that code you provided won't work for some reason...do you have an example of it working?

[Max]

I am not sure if this can help you but sometimes you just have to write a # in Link in the proporties bar. If there is no # ,no hand will appear when the visitor scrollsover your image.

maybe that helps.....

- max

[ August 19, 2002: Message edited by: Max Kulich ]

[ceenda]

Just a small point about the window.open() function.

If the viewer of your website is on a slow connection (56k) and clicks on one of the thumbnails before they've all downloaded, then the browser will stop downloading the rest of the thumbnails.

I don't think IE6 fixes this yet. Seems to be a javascript thingy.