Hola chicos, aca les dejo un simple carrusel de imagenes para un proyecto web...
Javascript
:
Cita:
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