tengo k hacer un ejercicio el cual es un visor de imagenes.
el problema que tngo es que no se como enlazar el script con el html,si me podeis ayudar os lo agradezco.
aki os dejo tanto el script cm el html:
<script language="javascript" type="text/javascript">
//retardo entre imagenes en la reproduccion automatica (milisegundos)
var retardo_rotacion = 1000
//indice imagen inicial
actual = 0
//ir a la siguiente imagen
function siguiente() {
if (document.formulario.imagen[actual+1]) {
document.images.visor.src = document.formulario.imagen[actual+1].value
document.formulario.imagen.selectedIndex = ++actual
}
else ir_inicio()
}
//ir a la imagen anterior
function anterior() {
if (actual-1 >= 0) {
document.images.visor.src = document.formulario.imagen[actual-1].value
document.formulario.imagen.selectedIndex = --actual
}
else ultimo()
}
//ir a la primera imagen
function ir_inicio() {
actual = 0
document.images.visor.src = document.formulario.imagen[0].value
document.formulario.imagen.selectedIndex = 0
}
//ir a la ultima imagen
function ultimo() {
actual = document.formulario.imagen.length-1
document.images.visor.src = document.formulario.imagen[actual].value
document.formulario.imagen.selectedIndex = actual
}
</script>
el html:
<body>
<!-- Este formulario muestra el visor y los controles -->
<div align="center">
<form name="formulario">
<table cellspacing="1" cellpadding="4" bgcolor="#473C8B">
<tr>
<td align="center" bgcolor="#FFFFFF">
<b>Visor de imágenes</b>
</td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF">
<img src="mazinz.jpeg" name="visor">
</td>
</tr>
<tr>
<td align="center" bgcolor="#9ACD32">
<input type="button" onClick="ir_inicio();" value="|<<" title="Inicio">
<input type="button" onClick="anterior();" value="<<" title="Anterior">
<input type="button" onClick="siguiente();" value=">>" title="Siguiente">
<input type="button" onClick="ultimo();" value=">>|" title="Ultimo">
</td>
</tr>
</table>
</form>
</div>
</body>
