Billedskift ved mouse-over
Hej eksperterJeg har lavet følgende test-side:
<!--#include file="forb.asp"-->
<style>
<!--
a{text-decoration:none}
//-->
</style>
<%
id = 1
SQL = "Select id, dksprog, tysprog, ensprog from data where Id= " & Id
Set RS = conn.execute(SQL)
%>
<script LANGUAGE="javascript">
function naesteFoto(fotoid) {
if (fotoid == 1)
<%
Response.write "document.images[0].src = '" & RS("ID") & "/1.jpg';"
%>
else if (fotoid == 2)
<%
Response.write "document.images[0].src = '" & RS("ID") & "/2.jpg';"
%>
else if (fotoid == 3)
<%
Response.write "document.images[0].src = '" & RS("ID") & "/3.jpg';"
%>
else if (fotoid == 4)
<%
Response.write "document.images[0].src = '" & RS("ID") & "/4.jpg';"
%>
}
</script>
</head>
<body>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="740" height="40">
<tr>
<td width="620"></td>
<% if Int(rs("dksprog")) = 1 then %>
<td valign="middle" align="right"><a href="index.asp"><img border="0" src="danskflag.gif"></a></td>
<% elseif Int(rs("dksprog")) = 2 then %>
<% end if %>
<% if Int(rs("tysprog")) = 1 then %>
<td valign="middle" align="right"><a href="tysk/index.asp"><img border="0" src="tyskflag.gif"></a></td>
<% elseif Int(rs("tysprog")) = 2 then %>
<% end if %>
<% if Int(rs("ensprog")) = 1 then %>
<td valign="middle" align="right"><a href="engelsk/index.asp"><img border="0" src="england.gif"></a></td>
<% elseif Int(rs("ensprog")) = 2 then %>
<% end if %>
</tr>
</table>
</center>
</div>
<p align="center"> </p>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="720">
<tr>
<td>
<%
foto4 = id & "/1.jpg"
Response.write "<img src='" & Foto4 & "' align='bottom' width='300' height='200' border='1' >"
%>
</td>
</tr>
</table>
</center>
</div>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="720">
<tr>
<td>
<%
foto4 = id & "/1.jpg"
Response.write "<img src='" & Foto4 & "' align='bottom' width='100' height='66' border='1' LANGUAGE='JavaScript' OnMouseOver='naesteFoto(1); return false;'>"
%>
</td>
<td>
<%
foto4 = id & "/2.jpg"
Response.write "<img src='" & Foto4 & "' align='bottom' width='100' height='66' border='1' LANGUAGE='JavaScript' OnMouseOver='naesteFoto(2); return false;'>"
%>
</td>
<td></td>
<td></td>
</tr>
</table>
</center>
</div>
</body>
</html>
Meningen er, at den i en tabel viser billede nr. 1 i "stor" størrelse og i en tabel under det "store" billede viser 4 små, som ved mouse-over skal vises i det "store" billede.
Hvis jeg ikke tidligere i dokumentet bruger nogle <% if-sætninger ..>, så vises billederne korrekt i tabellen lige over de små billeder. Når jeg så tidligere i dokumentet bruger <% if-sætninger ...>, så vises de små billeder i stedet for i denne tabel, også i stedet for et dansk flag og ikke i tabellen ovenfor.
Hvordan kan jeg ændre koden, så billederne vises i tabellen ovenfor? Noget med, at "LANGUAGE="JavaScript" OnMouseOver="naesteFoto(4); return false;" skal ændres, så den "peger" peger på tabellen ovenfor?
På forhånd tak.
