Tjena jag behöver lite hjälp. 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
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?
Med följande script.
