Recursos Gratis Webmasters. Codigos Javascript, Applets Java, Tutoriales Para Webmasters

Imágenes con Efectos

EXPOSITOR DE IMÁGENES

Ejemplo del Javascript:

Cliquea en "Siguiente"


Anterior	Siguiente

Código fuente ( Haz Click en la ventana para Seleccionarlo Todo ):

Coloca este código dentro de las etiquetas [head] y [/head]

var photos=new Array()
var photoslink=new Array()
var which=0

//Aquí tienes que insertar la batería de fotos que quieras exponer. Todas deben ser de las mismas dimensiones
photos[0]="image1.jpg"
photos[1]="image2.gif"
photos[2]="image3.gif"

//Aquí debes especificar cuantas imágenes tienen enlaces
var linkornot=0

//Aquí introducirás las URL correspondientes a los enlaces de tus imágenes.
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""

//No toques nada a partir de aquí

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>

Coloca este código entre las etiquetas [body] y [/body]

Todo Para Los Webmasters - Javascripts, Tutoriales, Trucos, Juegos, y Mas...

La mejor colección de trucos de Javascript, botones, banners y mas

Imágenes con Efectos