Imágenes en secuencia
Compatibilidad:
Ms Internet Explorer
Esta demo permite ver diversas imágenes en secuencia. Es posible establecer el orden y el tiempo de visualización.
[
Muestra el ejemplo práctico
]
el código para insertar en tu página
<!-- w w w . h t m l p o i n t . c o m --> <HTML> <HEAD> <!-- Código descargado gratuitamente de HTMLpoint, el sitio italiano del web publishing http://www.htmlpoint.com --> <TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE> <script language="JavaScript1.2"> function reapply(){ setTimeout("slideit()",2000) return true } window.onerror=reapply </script> <script language="JavaScript1.1"> <!-- var image1=new Image() image1.src="immagine01.jpg" var image2=new Image() image2.src="immagine02.jpg" var image3=new Image() image3.src="immagine03.jpg" //--> </script> </HEAD> <BODY bgcolor="white" onLoad="slideit()"> <CENTER> <a href="javascript:slidelink()" onMouseover="window.status='';return true" onMouseout="window.status=''"><img src="immagine01.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)"></a> <script> <!-- ////change number of images below var number_of_images=3 //change speed below (in seconds) var speed=3 var step=1 var whichimage=1 function slideit(){ if (!document.images) return if (document.all) slide.filters.blendTrans.apply() document.images.slide.src=eval("image"+step+".src") if (document.all) slide.filters.blendTrans.play() whichimage=step if (step<number_of_images) step++ else step=1 if (document.all) setTimeout("slideit()",speed*1000+3000) else setTimeout("slideit()",speed*1000) } function slidelink(){ if (whichimage==1) window.location="http://www.htmlpoint.com" else if (whichimage==2) window.location="http://www.htmlpoint.com" else if (whichimage==3) window.location="http://www.htmlpoint.com" } //--> </script> </CENTER> </body> </html> <!-- w w w . h t m l p o i n t . c o m -->
[
Baja en un único archivo .zip,
las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]
