Hvordan fremvise forskellige etiketter på forskellige billeder
På linket kan i se en etikette fremkomme når cursoren flyttes over glassene, men det er den samme etikette. Hvordan kan jeg få en ny etikette for hvert glas?***************
Link:
http://www.gamle-husdyrracer.dk/soebogaard/Gif%20animation/Etikette/Etikette3.htm
***************
Koden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<!-- Minus AutoDato -->
<title></title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<style type='text/css'>
<!--
A.menu:link {color: #ffffff; text-decoration: none; font-size: 8pt;}
A.menu:visited {color: #ffffff; text-decoration: none; font-size: 8pt;}
A.menu:active {color: #0D6D93; text-decoration: none; font-size: 8pt;}
A.menu:hover {color: #0D6D93; text-decoration: none; font-size: 8pt;}
A.submenu:link {color: #0D6D93; text-decoration: none;font-size: 8pt;}
A.submenu:visited {color: #0D6D93; text-decoration: none;font-size: 8pt;}
A.submenu:active {color: #0D6D93; text-decoration: none;font-size: 8pt;}
A.submenu:hover {color: #ffffff; text-decoration: none;font-size: 8pt;}
.small {position: absolute; top: 4px; visibility: visible;}
.big {position: absolute; top: 100px; left: 100px; visibility: hidden;}
-->
</style>
<script type="text/javascript">
function show(object) {
if (document.getElementById && document.getElementById(object) != null) {
document.getElementById(object).style.visibility='visible';
document.getElementById(object).style.display='block';
}
else if (document.layers && document.layers[object] != null)
document.layers[object].visibility = 'visible';
else if (document.all) {
document.all[object].style.zIndex = 100;
document.all[object].style.visibility = 'visible';
}
}
function hide(object) {
if (document.getElementById && document.getElementById(object) != null) {
document.getElementById(object).style.visibility='hidden';
document.getElementById(object).style.display='none';
}
else if (document.layers && document.layers[object] != null)
document.layers[object].visibility = 'hidden';
else if (document.all)
document.all[object].style.visibility = 'hidden';
}
</script>
<base target="hovedramme">
</head>
<body bgcolor="#FF6600">
<div id="L4" class="small" style="width: 103; height: 23">
<table width="100" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="right"><a class="menu" href="#" target="_self" onmouseover="show('L2');return" onmouseout="hide('L2');return"><IMG SRC="../../Billeder/Etiketter/Honning/akacie/lille/akacie_lille003.jpg" BORDER="0" WIDTH="100" HEIGHT="133" HSPACE="18" ALIGN="bottom" ALT=""></a>
</td>
<td align="right"><a class="menu" href="#" target="_self" onmouseover="show('L2');return" onmouseout="hide('L2');return"><IMG SRC="../../Billeder/Etiketter/Honning/danskHonning/lille/honninglille_001.jpg" BORDER="0" WIDTH="100" HEIGHT="133" HSPACE="18" ALIGN="bottom" ALT=""></a>
</td>
<td align="right"><a class="menu" href="#" target="_self" onmouseover="show('L2');return" onmouseout="hide('L2');return"><IMG SRC="../../Billeder/Etiketter/Honning/laedertrae/lille/laedertraelille_007.jpg" BORDER="0" WIDTH="100" HEIGHT="133" HSPACE="18" ALIGN="bottom" ALT=""></a>
</td>
<td align="right"><a class="menu" href="#" target="_self" onmouseover="show('L2');return" onmouseout="hide('L2');return"><IMG SRC="../../Billeder/Etiketter/Honning/orangeblomst/lille/Orange-honninglille.jpg" BORDER="0" WIDTH="100" HEIGHT="133" HSPACE="18" ALIGN="bottom" ALT=""></a>
</td>
<td align="right"><a class="menu" href="#" target="_self" onmouseover="show('L2');return" onmouseout="hide('L2');return"><IMG SRC="../../Billeder/Etiketter/Honning/solsikke/lille/honninglille_017.jpg" BORDER="0" WIDTH="100" HEIGHT="133" HSPACE="18" ALIGN="bottom" ALT=""></a>
</td>
</tr>
<tr>
<td align="right"><a class="menu" href="#" target="_self" onmouseover="show('L2');return" onmouseout="hide('L2');return"><IMG SRC="../../Billeder/Etiketter/Honning/timian/lille/timianlille008.jpg" BORDER="0" WIDTH="100" HEIGHT="133" HSPACE="18" VSPACE="18" ALIGN="bottom" ALT=""></a>
</td>
<td align="right"><a class="menu" href="#" target="_self" onmouseover="show('L2');return" onmouseout="hide('L2');return"><IMG SRC="../../Billeder/Etiketter/Honning/lyng/lille/lynglille_oo2.jpg" BORDER="0" WIDTH="100" HEIGHT="133" HSPACE="18" ALIGN="bottom" ALT=""></a>
</td>
<td align="right"><a class="menu" href="#" target="_self" onmouseover="show('L2');return" onmouseout="hide('L2');return"><IMG SRC="../../Billeder/Etiketter/Honning/lindeblomst/lille/lindeblomstlille_005.jpg" BORDER="0" WIDTH="100" HEIGHT="133" HSPACE="18" ALIGN="bottom" ALT=""></a>
</td>
</tr>
</table>
</div>
<div id="L2" class="big" style="width: 240; height: 224">
<table width="240" cellspacing="0" cellpadding="0" border="0" height="224">
<tr>
<td>
<div align="right">
<a href="#"><IMG SRC="../../Billeder/Etiketter/Honning/akacie/etikette/Akacie-popup.jpg" BORDER="0" WIDTH="650" HEIGHT="220" ALIGN="bottom" ALT=""></a>
</div>
</td>
</tr>
</table>
</div>
</body>
</html>
