ONMOUSEOVER med Imagemap
HejEr der nogen der kan kombinere disse 2 koder
1)Et billed med Onmouseover, når musen er over fremkommer en liste hvorfra man skal kunne vælge et menupunkt.
http://www.rubaeks.dk/pyratern/menupic/t_kuffert1.html
kode:
<SCRIPT LANGUAGE="JavaScript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
t_kuffert1_01_over = newImage("images/t_kuffert1_01-over.jpg");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR=#FFFFFF ONLOAD="preloadImages();">
<!-- ImageReady Slices (t_kuffert1.jpg) -->
<A HREF="#"
ONMOUSEOVER="changeImages('t_kuffert1_01', 'images/t_kuffert1_01-over.jpg'); return true;"
ONMOUSEOUT="changeImages('t_kuffert1_01', 'images/t_kuffert1_01.jpg'); return true;"
ONMOUSEDOWN="changeImages('t_kuffert1_01', 'images/t_kuffert1_01.jpg'); return true;"
ONMOUSEUP="changeImages('t_kuffert1_01', 'images/t_kuffert1_01-over.jpg'); return true;">
<IMG NAME="t_kuffert1_01" SRC="images/t_kuffert1_01.jpg" WIDTH=150 HEIGHT=119 BORDER=0></A>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
2) Imagemapen med menuen
http://www.rubaeks.dk/pyratern/menupic/images/test_map.htm
kode:
<IMG SRC="t_kuffert1_01-over.jpg" BORDER="0" WIDTH="150" HEIGHT="119" ALIGN="bottom" ALT="" USEMAP="#map">
<MAP NAME="map">
<!-- **Billedkort lavet med Stone's WebWriter 3.5** -->
<AREA SHAPE="rect" COORDS="24,24,89,41" HREF="../t_kuffert1.html" TARGET="_blank">
<AREA SHAPE="rect" COORDS="22,41,96,56" HREF="../../blaa.htm" TARGET="_blank">
<AREA SHAPE="DEFAULT" HREF="../t_kuffert1.html" TARGET="_blank">
</MAP>
