Making pcitures that open in dreamw...

[BenWall]

I want to be able to have preview images, then when the user click no it it will open to the full version.

Anyone know how to do this? Im using dreamweaver

 

[FishThrower]

Hi,

the best (but longest way) to do this is to create two versions of the images, one the thumbnail (low quailty and small pic) and the other version a normal sized good quailty image, its a pain in the butt really, if you want the pic to open up in a new window your best bet is to use javascript

OR a simple way is that I think Dreamweaver or Fireworks has got a photoalbum macro \ feature that does it all for you

 

[BenWall]

do you know where the photoalbum option is in dreamweaver?

 

[Kelly_]

<SCRIPT LANGUAGE="JavaScript">
function openindex() { var
OpenWindow=window.open("", "newwin","height=XXX,width=XXX");
OpenWindow.document.write("<img src=NAME OF PIC.jpg'>") OpenWindow.document.write("<br>")
OpenWindow.document.write("<center><a href='javascript:self.close()'
target='_self'>Close</a></center>") } </SCRIPT> <a
href="javascriptpenindex()" target="_self"><img src='NAME OF PIC.jpg'
border='no'></a>

The Javascript is something like that. Make sure you get the paths right.

 

[172.com]

If you're not bothered about the size of the window or doing anything fancy then just use something like

<a href="myfilepath/goatse.jpg" target="_blank"><img src="myfilepath/tn_goatse.jpg" /></a>

 

[Kelly_]

Or I think a cool way to do it is if you hover over the thumbnail and it expands. I think that looks better than opening new windows.

 

[furry_cup]

there is a good way of doing that in CSS.

http://www.dynamicdrive.com/

direct link

http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/

 

[Nigel]

there is a good way of doing that in CSS.

http://www.dynamicdrive.com/

direct link

http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/

Good link! Thanks!

 

[furry_cup]

^^ that site is pimp! a definate for your favourites!