Carrusel de Imagenes

[Breaklo]

Hola chicos, aca les dejo un simple carrusel de imagenes para un proyecto web...

Javascript:

var lista = new Array('1.jpg', '2.jpg');
var contador = 0;
var tiempo = 0;
var tempor = null;
function cambio(sen)
{
contador+= sen;
if (contador ==lista.length)
contador = lista.length-1;
else
if (contador < 0) contador = 0;
document.images.imagen.src = lista[contador]
window.status="Imagen número "+contador
}

function uno(){document.images.imagen.src = '1.jpg';}
function dos(){document.images.imagen.src = '2.jpg';}

Código HTML:

<table width="420px" border="0" align="center" cellpadding="0" cellspacing="4px">
<tr>
<td width="50px" align="right">

<a href="javascript:cambio(-1)"><img src="izquierda.png" border="0" height="50" width="50"></a>

</td>
<td align="center" style="border-color:#71926f; border-style:double;" width="320px" height="240">

<img id="imagenes" src="1.jpg">

</td>
<td width="50px" >

<a href="javascript:cambio(1)"><img src="derecha.png" border="0" width="50" height="50"></a>

</td>
</tr>
</table>
<br>

<table align="center" border="0" cellpadding="0" cellspacing="4px" style="border:#71926f double;"><tr>
<td>

<a href="javascript:uno()"><img id="imagen1" src="1.jpg" width="80" height="60"></a>
</td>
<td>

<a href="javascript:dos()"><img id="imagen1" src="2.jpg" width="80" height="60"></a>

</td>
</tr>
</table> 

Si quieren ver el ejemplo aplicado entren en www.sitio.mundesweb.com..

A, si entran con cualquier ie veras que la navbar tiene una separacion entre las secciones y si entras con ff estan juntas como pretendo.. a quee se debe?


Alaan

[buzu]

evita el uso del pseudoprotocolo javascript usa event handlers en su lugar.