Åben nye vindue med fsk indhold fra samme celle
Jeg har 9 små billeder 3*3. Ved siden af har jeg et felt indeholdendeeet billede fylder det samme, som de 3*3. Når jeg trykker på lille_1 ("Images/Ssmall1.jpg") i linien: <td > <a href="java script:changeBill(1)"><img src="Images/Ssmall1.jpg" width="58" height="71" border="0"></a></td>
kalder den function changeBill() - og billedet ved siden af skifter og indeholder nu en større udgave af det lille billede.
Dette fungerer helt fint. Nu vil jeg så gerne klikke på det store billede og åbne et nyt - og større vindue indeholdende billedet
i en endnu større udgave! Det er så her det går galt. Jeg åbner fint et nyt billede via: <td><a href="java script:aaben(326,400)"onfocus="this.blur()"><img src="Images/SMedium0.jpg" width="194" height="241" name="pic" border="0"></a></td>,
Problemet er at ALLE de vinduer jeg åbner indeholder det samme billede - nemlig det der hører til min første if-sætning.
Og det er jo ikke meningen. Altså if-sætningen dur åbenbart ikke - eller jeg kan ihvertfald ikke
gøre, som jeg gør.
Men hvad kan jeg dog så gøre???
<script language="JavaScript">
<!--
var Billeder = new Array("Images/SMedium1.jpg","Images/SMedium2.jpg","Images/SMedium3.jpg","Images/SMedium4.jpg","Images/SMedium5.jpg","Images/SMedium6.jpg","Images/SMedium7.jpg","Images/SMedium8.jpg","Images/SMedium9.jpg")
function changeBill(n){
document.pic.src="Images/SMedium" +n+ ".jpg"
}
//-->
</script>
<script language="JavaScript">
<!--
function aaben(bredde,hoejde){
var venstrePos =Math.round(screen.width - bredde)/2;
var topPos =Math.round(screen.height - hoejde)/2;
var LukOp=window.open( '',LukOp,'width='+bredde+',height='+hoejde+',top='+topPos+',left='+venstrePos+'toolbar=no,location=no,directories=no,status=no,resizable=no');
if(document.pic.src="Images/SMedium1.jpg") {
LukOp.document.open();
LukOp.document.write("<Link REL='StyleSheet' HREF='style.css' TYPE='text/css'><div id='Layer1' style='position:absolute; left:-1px; top:0px; width:327px; height:400px; z-index:1'><img src='Images/SLarge1.jpg' width='326' height='400'></div>");
LukOp.document.close();
}
else
if(document.pic.src="Images/SMedium2.jpg") {
LukOp.document.open();
LukOp.document.write("<Link REL='StyleSheet' HREF='style.css' TYPE='text/css'><div id='Layer1' style='position:absolute; left:-1px; top:0px; width:327px; height:400px; z-index:1'><img src='Images/SLarge3.jpg' width='326' height='400'></div>");
LukOp.document.close();
}
else
if(document.pic.src="Images/SMedium3.jpg") {
LukOp.document.open();
LukOp.document.write("<Link REL='StyleSheet' HREF='style.css' TYPE='text/css'><div id='Layer1' style='position:absolute; left:-1px; top:0px; width:327px; height:400px; z-index:1'><img src='Images/SLarge6.jpg' width='326' height='400'></div>");
LukOp.document.close();
}
}
//-->
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" height="252" >
<tr>
<td width="25%"></td>
<td>
<table border="0" cellspacing="0" cellpadding="4" align="center" height="250" width="100%" >
<tr>
<td height="61" width="16%">
<table border="0" cellspacing="0" cellpadding="0" class="kant" width="100%" >
<tr>
<td > <a href="java script:changeBill(1)"><img src="Images/Ssmall1.jpg" width="58" height="71" border="0"></a></td>
</tr>
</table>
</td>
<td width="17%" >
<table border="0" cellspacing="0" cellpadding="0" class="kant" width="100%" >
<tr>
<td><a href="java script:changeBill(2)"><img src="Images/Ssmall2.jpg" width="58" height="71" border="0"></a></td>
</tr>
</table>
</td>
<td width="16%" height="61" valign="middle">
<table border="0" cellspacing="0" cellpadding="0" class="kant" width="100%" >
<tr>
<td><a href="java script:changeBill(3)"><img src="Images/Ssmall3.jpg" width="58" height="71" border="0"></a></td>
</tr>
</table>
</td>
<td width="51%" rowspan="3" valign="middle">
<div align="center"></div>
<table width="195" height="241" border="0" cellspacing="0" cellpadding="0" class="kant" name="picMedium">
<tr>
<td><a href="java script:aaben(326,400)"onfocus="this.blur()"><img src="Images/SMedium0.jpg" width="194" height="241" name="pic" border="0"></a></td>
</tr>
</table>
<div align="center"></div>
<div align="center"></div>
</td>
</tr>
<tr>
<td height="86" width="16%">
<table border="0" cellspacing="0" cellpadding="0" class="kant" width="100%" >
<tr>
<td><a href="java script:changeBill(4)"><img src="Images/Ssmall4.jpg" width="58" height="71" border="0"></a></td>
</tr>
</table>
<td height="86" width="17%">
<table border="0" cellspacing="0" cellpadding="0" class="kant" width="100%" >
<tr>
<td><a href="java script:changeBill(5)"><img src="Images/Ssmall5.jpg" width="58" height="71" border="0"></a></td>
</tr>
</table>
<td width="16%" valign="middle" height="86">
<table border="0" cellspacing="0" cellpadding="0" class="kant" width="100%" >
<tr>
<td><a href="java script:changeBill(6)"><img src="Images/Ssmall6.jpg" width="58" height="71" border="0"></a></td>
</tr>
</table>
</tr>
<tr>
<td width="16%" height="64">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="kant">
<tr>
<td><a href="java script:changeBill(7)"><img src="Images/Ssmall7.jpg" width="58" height="71" border="0"></a></td>
</tr>
</table>
<td width="17%" height="64">
<table border="0" cellspacing="0" cellpadding="0" class="kant" width="100%" >
<tr>
<td><a href="java script:changeBill(8)"><img src="Images/Ssmall8.jpg" width="58" height="71" border="0"></a></td>
</tr>
</table>
<td width="16%" valign="middle">
<table border="0" cellspacing="0" cellpadding="0" class="kant" >
<tr>
<td><a href="java script:changeBill(9)"><img src="Images/Ssmall9.jpg" width="58" height="71" border="0"></a></td>
</tr>
</table>
</tr>
</table>
</td>
<td width="25%"></td>
</tr>
</table>
</body>
</html>
Det kan ses her: http://home19.inet.tele.dk/frida/
- Og - det er kun de billeder, der åbnes fra 'lille billede' 1,3 og 7, som findes. Jeg har ikke fået lavet de andre færdige - men
felterne virker godt nok!
VH frida
