Un principiante en apuros
Publicado por Juanjo (2 intervenciones) el 25/12/2013 13:15:25
Hola , me presento, soy un intento de programador y he iniciado un curso de Javascript que he encontrado en la web y en una de las primeras lecciones me he atascado con algo que supongo que sera una tonteria pero que no consigo solucionarlo.
Estoy intentando que me funcione un Slidshow y no lo consigo. En concreto cuando pulso los enlaces "Previo" o Siguiente" me envia a las direcciones que tienen en el archivo Html, pero es que las funciones en javascript que controlan esos enlaces, segun el tutorial, al poner al final un "return false" deberia cambiar la foto y no lo hace.
Pongo a continuacion el codigo por si alguien me puede ayudar. Gracias anticipadas.
index.html
script.js
Estoy intentando que me funcione un Slidshow y no lo consigo. En concreto cuando pulso los enlaces "Previo" o Siguiente" me envia a las direcciones que tienen en el archivo Html, pero es que las funciones en javascript que controlan esos enlaces, segun el tutorial, al poner al final un "return false" deberia cambiar la foto y no lo hace.
Pongo a continuacion el codigo por si alguien me puede ayudar. Gracias anticipadas.
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE HTML>
<html>
<head>
<title>SlideShow de Imagenes</title>
<script type="text/javascript" src="js/script.js"></script>
<link rel="stylesheet" rev="stylesheet" href="css/styles.css"/>
</head>
<body>
<div align="center">
<h1>Viaje a Disney</h1>
<img src="imagenes/disney1.gif" id="img" width="400" height="350" alt="Slideshow"/>
<h2>
<a href="previa.html" id="prevLink">«Previa</a>
<a href="sigte.html" id="sgteLink">Siguiente »</a>
</h2>
</div>
</body>
</html>
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
window.onload = iniciar;
var mImagen 0 new Array("imagenes/disney1.gif", "imagenes/disney2.gif", "imagenes/disney3.gif", "imagenes/disney4.gif");
var imgActual = 0;function iniciar()
{imgAleatoria = Math.floor((Math.random() * mImagen.length);
document.getElementById("img").src = mImagen[imgAleatoria];
document.getElementByName("prevLink").onclick = irPrevio;
document.getElementById("sgteLink").onclick = irSigte;
}function irPrevio()
{if (imgActual == 0)
{imgActual = mImagen.length;
}imgActual--;
document.getElementById("img").src = mImagen[imgActual];
return false;
}function irSigte()
{imgActual++;
if (imgActual == mImagen.length)
{ imgActual = 0; }document.getElementById("img").src = mImagen[imgActual];
return false;
}Valora esta pregunta
0
