Non riesco a far spostare l'immagine
Ciao a tutti. Ho un problema, non riesco a spostare l'immagine principale (quella con id "car" mentre le altre due sono immagini usate come button per spostare la prima). Mi sto scervellando ma non trovo l'errore. Grazie in anticipo, spero in un vostro aiuto :=):
Codice HTML:
<html>
<head>
<title>Evitali!</title>
<style>
#container {width:1400px; height:500px; background-image:url(route.png); margin-bottom:20px;}
#up {margin-bottom:10px}
</style>
<script>
function gounder() {
var x = document.getElementById('car');
var giu= parseInt(x.style.top);
x.style.top = ((giu+2) + 'px');
}
function goup() {
var x = document.getElementById('car');
var su= parseInt(x.style.bottom);
x.style.top = ((su+2) + 'px');
}
function muovisu(){
var x=setTimeout('goup',10);
}
function muovigiu(){
var x=setTimeout('gounder',10);
}
</script>
</head>
<body>
<div id='container'>
<img id='car' src="car.png" position="absolute; top:100px; left:20px">
</div>
<div id='up'><img src='up.png' onClick="muovisu()" ></div>
<div id='under'><img src="under.png" onClick="muovigiu()"></div>
</body>
</html>
