Droned
Legacy Member
Hallo dit is een deeltje van mijn script... Nu is het als ik erover ga dat het direct de roll oevr image is maar ik wil dit geleidelijk laten overgaan en niet zo in 1 sprong? Iemand hoe je dit doet? Hier is alvast het deel van de code...
PHP:
<!--
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) {
cara_Layer_2_over = newImage("images/cara_Layer-2-over.gif");
cara_Layer_3_over = newImage("images/cara_Layer-3-over.gif");
preloadFlag = true;
}
}
// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="500" height="400" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="images/cara_01.gif" width="500" height="158" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/cara_02.gif" width="38" height="242" alt=""></td>
<td>
<a href="#"
onmouseover="changeImages('cara_Layer_2', 'images/cara_Layer-2-over.gif'); return true;"
onmouseout="changeImages('cara_Layer_2', 'images/cara_Layer-2.gif'); return true;"
onmousedown="changeImages('cara_Layer_2', 'images/cara_Layer-2-over.gif'); return true;"
onmouseup="changeImages('cara_Layer_2', 'images/cara_Layer-2-over.gif'); return true;">
<img name="cara_Layer_2" src="images/cara_Layer-2.gif" width="171" height="161" border="0" alt=""></a></td>
<td rowspan="2">
<img src="images/cara_04.gif" width="46" height="242" alt=""></td>
<td>
<a href="#"
onmouseover="changeImages('cara_Layer_3', 'images/cara_Layer-3-over.gif'); return true;"
onmouseout="changeImages('cara_Layer_3', 'images/cara_Layer-3.gif'); return true;"
onmousedown="changeImages('cara_Layer_3', 'images/cara_Layer-3-over.gif'); return true;"
onmouseup="changeImages('cara_Layer_3', 'images/cara_Layer-3-over.gif'); return true;">
<img name="cara_Layer_3" src="images/cara_Layer-3.gif" width="171" height="161" border="0" alt=""></a></td>
<td rowspan="2">