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
| ||||
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 |
| |||
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"> </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"> </p> <p align="center"> </p> </body> </html>
__________________ Pablo Maurelli Noc IT - Monitoreo y Administración de Red Gerencia de Infraestructura IT E-Mail: [email protected] (MSN) |
| |||
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! |