Tjena jag behöver lite hjälp. :D Med följande script.
Jag undrar ifall det går att göra så den lilla bilden är olik den stora, alltså lilla; tavla1.jpg Stora; tavla2.jpg , tavla2 har en ram som jag vill ska synas på den stora bilden men inte på den lilla.
<html>
<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="Press to enlarge";
//***---Ruvriken av det nya fönster som innehåller den förstorade bilden
NewWindowTitle="Titel på målningen";
//***---Visas då musen förs över den förstorade bilden i det nya fönstret
ClickToCloseText="Press to exit";
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>
</head>
<body>
<script language="javascript">
<!--
//***---Nedan beskrivs vad värdena som du ska skriva är för något
//***---1.) ("tavla1s.jpg") Adressen till bilden
//***---2.) (101) Bilden ska förminskas och visas med så här många pixlar på bredden
//***---3.) (300) Så här stor ska bildens bredd vara då fönstret visas. Detta värde bör vara lika med bildens riktiga bredd-värde
//***---4.) (300) Så här stor ska bildens höjd vara då fönstret visas. Detta värde bör vara lika med bildens riktiga höjd-värde
visaBild("tavla1s.jpg", 101, 300, 300);
//-->
</script>
</p>
</body>
</html>
Är det skriptet du behöver hjälp med eller att beskära bilden. Ska du beskära måste du ha något bildbehandlingsprogram. Photoshop kan funka eller till och med Paint.
<script language="javascript">
<!--
//***---Nedan beskrivs vad värdena som du ska skriva är för något
//***---1.) ("tavla1s.jpg") Adressen till bilden
//***---2.) (101) Bilden ska förminskas och visas med så här många pixlar på bredden
//***---3.) (300) Så här stor ska bildens bredd vara då fönstret visas. Detta värde bör vara lika med bildens riktiga bredd-värde
//***---4.) (300) Så här stor ska bildens höjd vara då fönstret visas. Detta värde bör vara lika med bildens riktiga höjd-värde
// Eller vilka storlekar det nu kan vara...
visaBild("tavla1.jpg", 101, 300, 300);
visaBild("tavla2.jpg", 101, 300, 300);
//-->
</script>
Nä det funkade inte, men jag ändrade body skriptet till;
<script language="javascript">
<!--
//***---Nedan beskrivs vad värdena som du ska skriva är för något
//***---1.) ("tavla1s.jpg") Adressen till bilden
//***---2.) (101) Bilden ska förminskas och visas med så här många pixlar på bredden
//***---3.) (300) Så här stor ska bildens bredd vara då fönstret visas. Detta värde bör vara lika med bildens riktiga bredd-värde
//***---4.) (300) Så här stor ska bildens höjd vara då fönstret visas. Detta värde bör vara lika med bildens riktiga höjd-värde
// Eller vilka storlekar det nu kan vara...
visaBild("tavla1s.jpg", 101, 300, 300);
showRealSize("tavla1b.jpg", 300, 300);
//-->
</script>
Då öppnades bilden med ramen, men direkt man gick in på den sidan, så jag antar att man ska inaktivera nån popup grej eller aktivera nån Onclick grej :D
Alltså om jag har förstått dig rätt: Du vill ha två miniatyrbilder, en med och en utan ram, sen när man klickar på respektive ska en popup komma upp med bilden förstorad?
