Hola, estoy intentando hacer una galeria de imagenes, pero quiero hacer una media complicada, o eso kreo, quiero tomar una imagen que iria de fondo, por ejemplo, la imagen de un televisor, y que en la pantalla del televisor aparesca una imagen, y luego que si apretas una boton del televisor, por ejemplo el boton de cambiar de canal se cambie de imagen... Creo que tendria que tendria que crear una zona interactiva en los botones con los que cambiaria pero lo unico ke se hacer con la zona interactiva es redirigir a otra pagina... Alguien me puede ayudar o decirme donde puedo buscar informacion sobre esto?
bueno te dejo con el codigo y no dudes en preguntar si es que no lo pude hacer muy bien, para que lo corriga o entra varios puedamos ayudarte va???
bueno es este:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Galeria Televicion</title>
<script language="JavaScript1.1">
var photos=new Array()
var photoslink=new Array()
var which=0
photos[0]="Objetos/a.gif"
photos[1]="Objetos/buzon.gif"
photos[2]="Objetos/sonrisa.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>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="34%">
<tr>
<td width="100%" colspan="2" height="22">
<center>
<script>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('[img]'+photos[0]+'[/img]')
if (linkornot==1)
document.write('</a>')
</script>
</center>
</td>
</tr>
<tr>
<td width="50%" height="21">
<p align="left"><a href="#" onClick="backward();return false">Imagen
anterior</a>
</td>
<td width="50%" height="21">
<p align="right"><a href="#" onClick="forward();return false">Imagen
siguiente</a>
</td>
</tr>
</table>
</body>
</html>Ahh y por supuesto tu colocale tus imagenes si no no te van a funcionar :lol:
bueno ojala sea de tu ayuda adios :wink: