Foros del Web » Creando para Internet » HTML »

Secuencias de imagenes

Estas en el tema de Secuencias de imagenes en el foro de HTML en Foros del Web. Buenas a todos, tengo 5 imagenes que quiero que se vallan cambiando cada 10 segundos, como puedo hacer para que cambien automaticamente. Bueno un saludo ...
  #1 (permalink)  
Antiguo 20/12/2002, 08:13
Avatar de Chuty  
Fecha de Ingreso: noviembre-2002
Ubicación: el bar de la esquina
Mensajes: 609
Antigüedad: 22 años
Puntos: 2
Secuencias de imagenes

Buenas a todos, tengo 5 imagenes que quiero que se vallan cambiando cada 10 segundos, como puedo hacer para que cambien automaticamente.
Bueno un saludo y felices fiestas para todos
  #2 (permalink)  
Antiguo 20/12/2002, 08:34
Avatar de Cain  
Fecha de Ingreso: enero-2002
Ubicación: Catalunya
Mensajes: 6.459
Antigüedad: 22 años, 10 meses
Puntos: 17
Mirate los primeros artículos (es decir, los de más abajo) de Webreference

Son códigos explicados que puedes usar libremente. Si quieres aprender, lo lees todo y vas paso a paso. Si sólo quieres el código, avanza hasta las últimas páginas y fusila el código
__________________
M a l d i t o F r i k i
  #3 (permalink)  
Antiguo 20/12/2002, 10:54
 
Fecha de Ingreso: julio-2002
Ubicación: Buenos Aires - Argentina
Mensajes: 255
Antigüedad: 22 años, 4 meses
Puntos: 0
Sobre imagenes aleatorias

<!-- Nota: Las imágenes no se incluyen en este ejemplo, reemplazar '1.jpg', '2.jpg', etc por imágenes propias -->

<html>
<head>
<!-- PRIMER PASO: Copiar dentro del tag HEAD -->
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 6000;
// Duration of crossfade (seconds)
var crossFadeDuration = 2;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'intro/INTRO.jpg'
Pic[1] = 'caballo2.jpg'
Pic[2] = 'chupte_hijo.jpg'
Pic[3] = 'chupte_hala.jpg'
Pic[4] = 'gobierno.jpg'
Pic[5] = 'reunion_putos.jpg'
Pic[6] = 'peligro.jpg'
Pic[7] = 'saqueos.jpg'
Pic[8] = 'saqueos3.jpg'
Pic[9] = 'saqueos4.jpg'
Pic[10] = 'saqueos5.jpg'
Pic[11] = 'cacerolaso.jpg'
Pic[12] = 'mani_arriba.jpg'
Pic[13] = 'mani_arriba2.jpg'
Pic[14] = 'manifestacion.jpg'
Pic[15] = 'manifestacion2.jpg'
Pic[16] = 'piramide.jpg'
Pic[17] = 'se_va.jpg'
Pic[18] = 'se_va2.jpg'
Pic[19] = 'salida.jpg'
Pic[20] = 'salida2.jpg'


// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans (duration=2)";
document.images.SlideShow.style.filter="blendTrans (duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply ();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play( );
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// End -->
</script>

<bgsound src="media/caida.asf" loop="-1">

<title>.:: InfoSistemasWeb 2002 D.C // Especiales - Derrocamiento De La Rua ::.
</title>

</head>

<!-- SEGUNDO PASO: Copiar dentro del tag BODY -->

<BODY onLoad="runSlideShow()" bgcolor="#000000">

<p align="center">&nbsp;</p>

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="294" height="33" id="AutoNumber2">
<tr>
<td width="300" height="11" align="left">
<p align="center">
<img border="0" src="CABEZERA.jpg" width="485" height="66" align="left"></td>
</tr>
<tr>
<td width="294" height="11">
<p align="center">
<img border="0" src="LINEA.GIF" width="104" height="3"></td>
</tr>
<tr>
<td width="294" height="11">
<p align="center">
<img border="0" src="LINEA.GIF" width="104" height="3"></td>
</tr>
</table>
</center>
</div>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="292" height="246" id="AutoNumber1">
<tr>
<td id="VU" height=300 width=500>
<p>
<img src="INTRO.jpg" name='SlideShow' align="left" width="500" height="300"></td>
</tr>
</table>
</center>
</div>

<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>

</body>
</html>
__________________
Pablo Maurelli
Noc IT - Monitoreo y Administración de Red
Gerencia de Infraestructura IT
E-Mail: [email protected] (MSN)
  #4 (permalink)  
Antiguo 20/12/2002, 16:36
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 889
Antigüedad: 22 años, 10 meses
Puntos: 4
No entiendo porqué posteaste 2 veces la misma pregunta: Una aquí y otra en JavaScript:
http://www.forosdelweb.com/showthrea...hreadid=108190
(con tenerla en uno de los dos, es suficiente. La más correcta en JavaScript)

En ésta última tienes una buena respuesta por parte de Tunait

PD: No soy moderador :-p


Saludos!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:47.