JavaScript: Thumbnails/Previewbilder

THUMBNAILS/PREVIEWBILDER

Tryck p� bilderna nedan s� kommer de att �ppnas och visas i ett st�rre format. F�nstret st�ngs l�tt d� man trycker p� den f�rstorade bilden.
De bilder jag har h�r nedan visas nu i sitt egentliga format och f�rstoras d� man trycker p� dem. Man kan givetvis �ven visa bilderna i ett mindre format p� sidan och f� upp bilden i dess riktiga storlek d� man trycker p� bilden.

Detta s�tter du i HEAD (efter <HEAD> och f�re </HEAD>):

<SCRIPT LANGUAGE="javascript">
<!--This is one of many scripts which are available at:     *---
//--http://www.JavaScript.nu/javascript                     *---
//--This script is FREE, but you MUST let these lines       *---
//--remain if you use this script.                          *---

//***---Detta visas d� musen dras �ver bilden
PreviewText="Tryck f�r f�rstoring";

//***---Ruvriken av det nya f�nster som inneh�ller den f�rstorade bilden
NewWindowTitle="F�rstoring av bilden";

//***---Visas d� musen f�rs �ver den f�rstorade bilden i det nya f�nstret
ClickToCloseText="Tryck f�r att st�nga f�nstret";

function visaBild(imageURL, showThisSize, width, height)
{
newHeight=Math.round(height*showThisSize/width);
document.write("<A HREF=\"javascript:showRealSize('"+imageURL+"', "+width+", "+height+");\"><IMG SRC='"+imageURL+"' WIDTH='"+showThisSize+"' HEIGHT='"+newHeight+"' BORDER='0' ALT='"+PreviewText+"'></A>")
}

function showRealSize(imageURL, width, height)
{
NewImageWindow=window.open("", Math.round(Math.random()*10000000000), "width="+width+",height="+height);
NewImageWindow.document.open();
NewImageWindow.document.write("<HTML><HEAD>");
NewImageWindow.document.write("<TITLE>"+NewWindowTitle+"</TITLE>");
NewImageWindow.document.write("</HEAD>");
NewImageWindow.document.write("<BODY MARGINHEIGHT='0' TOPMARGIN='0' LEFTMARGIN='0' RIGHTMARGIN='0' MARGINWIDTH='0'>");
NewImageWindow.document.write("<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0><TR><TD><A HREF='javascript:top.close();'><IMG SRC='"+imageURL+"' WIDTH='"+width+"' HEIGHT='"+height+"' ALT='"+ClickToCloseText+"' BORDER='0' HSPACE=0 VSPACE=0></A></TD></TR></TABLE>");
NewImageWindow.document.write("</BODY></HTML>");
}
//-->
</SCRIPT>

Detta s�tter du efter <BODY> och f�re </BODY>
(F�r varje bild du ska ha m�ste du kopiera och klistra detta till din sida en g�ng.
D�r denna kod finns visas din bild.):
<SCRIPT LANGUAGE="javascript">  </SCRIPT>

Om du inte vet hur du ska spara JavaScriptet till din hemsida, tryck d� h�r.