Script de setInterval
Publicado por Alejandro (14 intervenciones) el 28/07/2019 15:32:11
Tengo una tabla de imagenes, las tres imagenes de arriba deberian cambiar cada dos segundos, entre una imagen u otra.
Ya tengo hecha la parte de abajo, que es que las imagenes cambien al pasar el raton.
A parte de eso tambien hay que hacer que el script del cambio de imagenes pare al pulsar una tecla, con un respectivo alert.
Ya tengo hecha la parte de abajo, que es que las imagenes cambien al pasar el raton.
A parte de eso tambien hay que hacer que el script del cambio de imagenes pare al pulsar una tecla, con un respectivo alert.
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
<html>
<head>
<TITLE>Actividad 6.1</TITLE>
</head>
<body>
<SCRIPT languaje="JavaScript">
var primer = new Array(['1.png'],['a.png']);
var segundo = new Array(['2.png'],['a.png']);
var tercero = new Array(['3.png'],['a.png']);
var cp = math.primer.lenght;
var cs = math.segundo.lenght;
var ct = math.tercero.lenght;
function cuatro() {document.getElementById('cu').src = "7.png";}
function cinco() {document.getElementById('ci').src = "7.png";}
function seis() {document.getElementById('se').src = "7.png";}
function cuatros() {document.getElementById('cu').src = "4.png";}
function cincos() {document.getElementById('ci').src = "5.png";}
function seiss() {document.getElementById('se').src = "6.png";}
function first(){if (cp == 0){(cp++); document.getElementById("un").src=imagenes[cp]
;}else{(cp--); document.getElementById("un").src=imagenes[cp]}
;}window.setInterval(first(),2000);
</script>
<TABLE BORDER=1><TR><TD><IMG src="1.png" width="100" height="100" border="0" id="un"></TD><TD><IMG src="2.png" width="100" height="100" border="0" id="do"></TD><TD><IMG src="3.png" width="100" height="100" border="0" id="te"></TD></TR>
<TR><TD><IMG onmouseover="cuatro(this)" onmouseout="cuatros(this)" src="4.png" width="100" height="100" border="0" id="cu"></TD><TD><IMG onmouseover="cinco(this)" onmouseout="cincos(this)" src="5.png" width="100" height="100" border="0" id="ci"></TD><TD><IMG onmouseover="seis(this)" onmouseout="seiss(this)" src="6.png" width="100" height="100" border="0" id="se"></TD></TR>
</TABLE>
</body>
</html>
Valora esta pregunta
0
