Skift af image kombineret med on/off knap
Følgende side lavet i Dreamweaver og spørgsmålet går ud på følgende:Hvordan kan jeg sammen med mouseover funktionen lave det således, at imageX også skifter til et andet image (Y) ?
Dvs at når musen er over imageAon/off skal imageX også skifte til et der kaldes for imageY og når den så er over imageBon/off skal imageX skifte til imageY osv.
Jeg håber at have udtrykt mig korrekt, ellers må i bare spørge.
Eller kan i se på http://home1.inet.tele.dk/mlynge/test/imagetest.html hvad jeg mener.
Håber nogen kan hjælpe mig.
<html>
<head>
<title>Imagetestpage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v2.0
if (document.MM_swapImgData != null)
for (var i=0; i<(document.MM_swapImgData.length-1); i+=2)
document.MM_swapImgData[i].src = document.MM_swapImgData[i+1];
}
function MM_preloadImages() { //v2.0
if (document.images) {
var imgFiles = MM_preloadImages.arguments;
if (document.preloadArray==null) document.preloadArray = new Array();
var i = document.preloadArray.length;
with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
preloadArray[i] = new Image;
preloadArray[i++].src = imgFiles[j];
} }
}
function MM_swapImage() { //v2.0
var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.MM_swapImgData;
for (i=0; i < (MM_swapImage.arguments.length-2); i+=3) {
objStr = MM_swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
if ((objStr.indexOf('document.layers[')==0 && document.layers==null) ||
(objStr.indexOf('document.all[') ==0 && document.all ==null))
objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
obj = eval(objStr);
if (obj != null) {
swapArray[j++] = obj;
swapArray[j++] = (oldArray==null || oldArray[j-1]!=obj)?obj.src:oldArray[j];
obj.src = MM_swapImage.arguments[i+2];
} }
document.MM_swapImgData = swapArray; //used for restore
}
//-->
</script>
</head>
<body bgcolor="#000000" text="#00FF00">
<div align="center">
<table width="100%" border="0" height="299">
<tr>
<td width="15%">
<table width="100%" border="0">
<tr>
<td>
<div align="center"><img src="http://home1.inet.tele.dk/mlynge/test/imagex.jpg" width="150" height="150"></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="http://home1.inet.tele.dk/mlynge/test/imagetest.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.ImageA','document.ImageA','http://home1.inet.tele.dk/mlynge/test/Imageaon.jpg')"><img name="ImageA" border="0" src="http://home1.inet.tele.dk/mlynge/test/Imageaoff.jpg" width="150" height="25"></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="http://home1.inet.tele.dk/mlynge/test/imagetest.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.ImageB','document.ImageB','http://home1.inet.tele.dk/mlynge/test/Imagebon.jpg')"><img name="ImageB" border="0" src="http://home1.inet.tele.dk/mlynge/test/Imageboff.jpg" width="150" height="25"></a></div>
</td>
</tr>
<tr>
<td>
<div align="center"><a href="http://home1.inet.tele.dk/mlynge/test/imagetest.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.ImageC','document.ImageC','http://home1.inet.tele.dk/mlynge/test/Imagecon.jpg')"><img name="ImageC" border="0" src="http://home1.inet.tele.dk/mlynge/test/Imagecoff.jpg" width="150" height="25"></a></div>
</td>
</tr>
</table>
</td>
<td width="85%">
<div align="center">
<p><b><font size="5">Testside</font></b></p>
<p><b><font size="5">Image X( se nedenunder) skal så skifte til
Image Y når der bruges mouseoverfunktionen på image A/B/C.</font></b></p>
<p><img src="http://home1.inet.tele.dk/mlynge/test/imagey.jpg" width="150" height="150"></p>
<p>Mouseoverfunktionen skal bibeholdes på image a,b og c.</p>
<p> </p>
</div>
</td>
</tr>
</table>
</div>
</body>
</html>
