<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>
cOOL lAyER dRAG
</title>
<style type="text/css" media="screen">
body
{
margin: 0;
padding: 0;
font-family: verdana, "comic sans ms", arial, hevetica, sans-serif;
font-size:14px;
text-align: left;
color: #000;
background: #ffffcc;
}
</style>
<style type="text/css">
<!-- #myLayer
{ position:absolute;
left:836px; top:343px;
width:145px; height:104px;
z-index:1;
background-color: #996666;
visibility:hidden; }
.info{
border: dotted 2px #000000;
padding:2px;
}
-->
</style>
<script>
var mouseX;
var mouseY;
var layer;
var show = false;
ie4 = (document.all)? true:false
function showLayer
(
name,theImage)
{
layer = document.getElementById(name);
layer.innerHTML = '<img src=' +theImage+'>';
layer.style.visibility = "visible";
layer.style.top = mouseY + "px";
layer.style.left = mouseX + "px";
positionLayer()
show = true;
}
function hideLayer(name)
{
layer = document.getElementById(name);
layer.style.visibility = "hidden";
show = false;
}
function positionLayer()
{
layer.style.top = mouseY + "px";
layer.style.left = mouseX + "px";
}
//Get Mouse X and Y
function init() {
document.onmousemove=mousemove;
}
function mousemove(e)
{
if (ie4) { mouseX=event.x; mouseY=event.y}
else { mouseX=e.pageX; mouseY=e.pageY}
if (show) { positionLayer()
}
}
</script>
</head>
<body onload="init()">
<br>
<br>
<table width="95%" border="1" cellspacing="0" cellpadding="4" bgcolor="#dfdfdf" align="center">
<tr>
<!-- Row 1 Column 1 -->
<td width="20%" valign="top" >
<b>
Heb je een k-jetronic of ke-jetronic, dan kun je in je eigen garage
eenvoudig diverse instellingen zelf doen.
Geschreven door Peter Wallage, foto's gemaakt door John Wallage.
</b>
</td>
<!-- Row 1 Column 2 -->
<td valign="top" >
<div id="myLayer"><!-- deze div moet je dus hebben -->
Deze layer wordt al dan niet getoond bij muisjeOver</div>
Hier gewoon tekst tikken en dan, zoals je in de html code kunt zien: de MuisOver invoegen.<br>
Vergeet niet, dat in de bodytag de onload(init) moet zitten.
<br>
Dit is een <br><br>
<!-- en deze href heb je nodig om het plaatje te tonen -->
<a href="#" onmouseover="showLayer('myLayer','http://www.zeepoort.nl/kees/dvz-pontiac2.jpg');" onmouseout="hideLayer('myLayer');">
<span class=" info" >Pontiac</span></a> uit 1987 met turbo<br>
<br>
<br>
<a href="#" onmouseover="showLayer('myLayer','http://www.zeepoort.nl/im_zon/vb_uitval_3.jpg');" onmouseout="hideLayer('myLayer');">
<span class=" info" >Zonnescherm</span></a> uit val<br><br>
Een klein plaatje tonen, en dan met mouse over het grote:<br><br>
<a href="#" onmouseover="showLayer('myLayer','http://www.renzcreationz.nl/animaties/soe%20in%20oto.gif');" onmouseout="hideLayer('myLayer');">
<span class=" info" ><img src="http://www.renzcreationz.nl/animaties/thumbs/soe%20in%20oto.jpg" width="40" height="60">
</span></a> plaatje<br><br>
<br>Dus je moet een div hebben en de href.
Uiteraard ook het javascript in de kop.<br>
<br>
Gaai je nu met de muis over de link tekst, dan komt het plaatje.
<br>
</td>
<!-- Row 1 Column 3 -->
<td width="20%" valign="top" >
Bij latere systemen is de afstelschroef voor het stationaire toerental (idle speed) bovenop de inlaatklep te vinden.
Dit zat bij eerdere systemen aan de onderzijde.
Bij de xr3i, 1600i en orion 1,6i is het stationaire toerental (de idle speed) 750 tot 850 toeren per minuut.
Bij de granada capri en sierra is dit 875 to 925 met handgeschakelde bak,
en 825 tot 875 bij de automaat
</td>
</tr>
</table>
</body>
</html>
