Archief - Js: Mouse over en preload voor meerdere images

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

ducky hutty

Legacy Member
PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}



function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}



function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

//-->

</script>



</head>
<body onLoad="MM_preloadImages('images/1.jpg','images/1-b.jpg','images/7.jpg','images/7-b.jpg','images/8.jpg','images/8-b.jpg','images/6.jpg','images/6-b.jpg','images/4.jpg','images/4-b.jpg','images/5.jpg','images/5-b.jpg')">

			<a href="news.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('main','','images/1.jpg',1)">
				 <img src="images/1-b.jpg" name="main" border="0">
			</a>
			
			<a href="projects.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('projects','','images/7.jpg',1)">
				 <img src="images/7-b.jpg" name="main" border="0">
			</a>
			
			<a href="code.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('code','','images/8.jpg',1)">
				 <img src="images/8-b.jpg" name="main" border="0">
			</a>
			
			<a href="models.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('models','','images/6.jpg',1)">
				 <img src="images/6-b.jpg" name="main" border="0">
			</a>
			
			<a href="textures.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('textures','','images/4.jpg',1)">
				 <img src="images/4-b.jpg" name="main" border="0">
			</a>
			
			<a href="contact.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','images/5.jpg',1)">
				 <img src="images/5-b.jpg" name="main" border="0">
			</a>
			
</body>
</html>

Wanneer ik deze code test met 1 image (dus enkel het eerste image) dan werkt het perfect, maar vanaf ik de overige 5 images toevoeg werkt het systeem niet meer. Hoe komt dit en hoe kan ik dit oplossen?

ducky hutty

Legacy Member
Heel erg bedankt!

//edit: nog kleine randvraag: ik wil een div verticaal centreren, hoe doe ik dat het best?

ducky hutty

Legacy Member
En is er een snelle manier om zowel horizontaal als verticaal te centreren, want ik graak niet direct wijs uit je site ;)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan