HTML.Dyn@mico - Slideshow Manual

Inicio | Ayuda | Chat | Libro de Visitas

HTML.Dyn@mico

Slideshow Manual

Inicio

Descripción: Este slideshow de imágenes posee control manual mediante dos textos que nos permiten pasar a la siguiente imágen o volver a la anterior. Las imágenes son cargadas previamente (preload) y además en IE4+ tendrán un efecto de transición aleatorio.

Demo:


Anterior	Siguiente

Instrucciones

Paso 1: Agregue el siguiente código en la sección <HEAD> de su web:

<script language="JavaScript1.1"> /****************************************** * Slideshow Script - HTML.Dynamico 2001 * Mas Scripts y Recursos para tu web en: * http://www.htmldynamico.cjb.net ******************************************/ var photos=new Array() var photoslink=new Array() var which=0 //tus imagenes. Puedes introducir todas las que quieras. Estas deben ser del mismo tamaño (para NS)photos[0]="image1.gif" photos[1]="image2.gif" photos[2]="image3.gif" photos[3]="image4.gif" photos[4]="image5.gif" //Especifique si deben tener link o no (1=link) var linkornot=0 //ingrese los hipervínculos. SOLO si la variable linkornot es igual a "1"photoslink[0]="" photoslink[1]="" photoslink[2]="" photoslink[3]="" photoslink[4]="" //do NOT edit pass this line var preloadedimages=new Array() for (i=0;i<photos.length;i++){ preloadedimages[i]=new Image() preloadedimages[i].src=photos[i] } function applyeffect(){ if (document.all){ photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23) photoslider.filters.revealTrans.stop() photoslider.filters.revealTrans.apply() } } function playeffect(){ if (document.all) photoslider.filters.revealTrans.play() } function keeptrack(){ window.status="Image "+(which+1)+" of "+photos.length } function backward(){ if (which>0){ which-- applyeffect() document.images.photoslider.src=photos[which] playeffect() keeptrack() } } function forward(){ if (which<photos.length-1){ which++ applyeffect() document.images.photoslider.src=photos[which] playeffect() keeptrack() } } function transport(){ window.location=photoslink[which] } </script>

Paso 2: Inserte el siguiente código, donde quiera ver el slideshow:

Recuerde que debe editar la variables de las imágenes, al comienzo del código del Paso 1.

Listo!

Consultas

Envianos tus consultas o comentarios.

Recomendar

Puedes Recomendar esta web a tus amigos.



		HTML.Dyn@mico - © 2001-2003 - Todos los derechos reservados . www.htmldynamico.cjb.net