El siguente codigo es el javascript externo que yo cree (es un carrusel de imagenes) las imagenes estan en la carpeta "img" y el archivo java esta en otra carpeta llamada "java"
Cita:
el siguente codigo es el de la pagina web en xhtml, con el enlace al archivo javascript: var lista = new Array('../img/1.jpg', '../img/2.jpg', '../img/3.jpg' , '../img/4.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.centro.src = lista[contador]
window.status="Imagen número "+contador
}
function reset()
{
contador = 0;
fin = false;
document.images.centro.src = lista[0]
}
function automat(seg)
{
tiempo = parseInt(seg);
reset();
window.status="Pase automático";
if (isNaN(tiempo) || tiempo <= 0)
alert("Error en el tiempo")
else
tempor = setTimeout("pasar()", tiempo)
}
function parar()
{
clearTimeout(tempor);
}
function pasar()
{
cambio(1);
if (contador < lista.length-1)
tempor = setTimeout("pasar()", tiempo)
}
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.centro.src = lista[contador]
window.status="Imagen número "+contador
}
function reset()
{
contador = 0;
fin = false;
document.images.centro.src = lista[0]
}
function automat(seg)
{
tiempo = parseInt(seg);
reset();
window.status="Pase automático";
if (isNaN(tiempo) || tiempo <= 0)
alert("Error en el tiempo")
else
tempor = setTimeout("pasar()", tiempo)
}
function parar()
{
clearTimeout(tempor);
}
function pasar()
{
cambio(1);
if (contador < lista.length-1)
tempor = setTimeout("pasar()", tiempo)
}
Cita:
<html>
<head>
<title>Animando el título de tu página. </title>
<script type="text/javascript" src="java/carru.js"></script>
</head>
<body color ="#FFFFFF">
<table width="82%" border="0" align="center">
<tr>
<td width="30%" align="right" height="247"><font color="#0033CC"><b>
<a href="javascript:cambio(-1)">atras</a>
</b></font></td>
<td align="center" width="48%" height="247"><img id="centro"
src="img/1.jpg" height="170"></td>
<td width="22%" height="247"><font color="#0033CC"><b>
<a href="javascript:cambio(1)">avance</a>
</b></font></td></tr>
<tr>
<td width="30%" align="right"><font color="#0033CC"></font></td>
<td width="48%" align="center"><b><font
color="#0033CC">Automático</font></b>
<form name="form1" method="post"
action="javascript:automat(this.form1.tiempo.value )">
<input type="text" name="tiempo">
<br>
<input type="submit" name="Button" value="Inicio">
<input type="button" name="Button2" value="Parar" onclick="parar()">
</form>
</td>
<td width="22%"><font color="#0033CC"></font></td>
</tr>
</table>
</html>
<head>
<title>Animando el título de tu página. </title>
<script type="text/javascript" src="java/carru.js"></script>
</head>
<body color ="#FFFFFF">
<table width="82%" border="0" align="center">
<tr>
<td width="30%" align="right" height="247"><font color="#0033CC"><b>
<a href="javascript:cambio(-1)">atras</a>
</b></font></td>
<td align="center" width="48%" height="247"><img id="centro"
src="img/1.jpg" height="170"></td>
<td width="22%" height="247"><font color="#0033CC"><b>
<a href="javascript:cambio(1)">avance</a>
</b></font></td></tr>
<tr>
<td width="30%" align="right"><font color="#0033CC"></font></td>
<td width="48%" align="center"><b><font
color="#0033CC">Automático</font></b>
<form name="form1" method="post"
action="javascript:automat(this.form1.tiempo.value )">
<input type="text" name="tiempo">
<br>
<input type="submit" name="Button" value="Inicio">
<input type="button" name="Button2" value="Parar" onclick="parar()">
</form>
</td>
<td width="22%"><font color="#0033CC"></font></td>
</tr>
</table>
</html>
Espero que puedan ayudarme... Saludos,Lara
