Ver Mensaje Individual
  #4 (permalink)  
Antiguo 07/01/2009, 13:08
Avatar de agonzalezamx
agonzalezamx
 
Fecha de Ingreso: octubre-2008
Mensajes: 6
Antigüedad: 15 años, 6 meses
Puntos: 0
Respuesta: Presentación Automática Fotografías

Tambien si quieres hacer una presentacion lineal de imagenes dentro de tu sitio web, puedes tener una alternativa ademas del flash para hacerlo, esta alternativa que te sugiero es utilizar codigo javascript:


Cita:
<SCRIPT LANGUAGE="JavaScript">
<!--
var imgs = new Array ("imagen1.jpg","imagen2.jpg","imagen3.jpg")
Sustituyes "imagen...jpg" por la direccion y nombre de cada una de las fotos que vas a poner.

Cita:
var altimg = new Array ("alt1","alt2","alt3")
Entre los parentesis pones el texto alternativo "alt..." de cada una de las imagenes que vas aponer en el arreglo de arriba

Cita:
var currentAd = 0
var imgCt = 5
function cycle() {
currentAd++
if (currentAd == imgCt) {
currentAd=0
}
document.adBanner.src=imgs[currentAd]
document.adBanner.alt=altimg[currentAd]

setTimeout("cycle()",10 * 1000)
En lo anterior, modificas el numero "10" por otro valor que
prefieras, este es el tiempo en que se va a tardar en cambiar de una imagen a otra
Cita:
}
//-->
</SCRIPT>

<img src="imagen1.jpg" name="adBanner" border="0" width="700" height="200"></a>
En esta linea mandas llamar la primera imagen y la ubicas con eltamaño que prefieras
Cita:
<SCRIPT LANGUAGE="JavaScript">
<!--
cycle()
//-->
</SCRIPT>
todo el codigo junto queda:

Cita:
<SCRIPT LANGUAGE="JavaScript">
<!--
var imgs = new Array ("imagen1.jpg","imagen2.jpg","imagen3.jpg")

var altimg = new Array ("alt1","alt2","alt3")

var currentAd = 0
var imgCt = 5
function cycle() {
currentAd++
if (currentAd == imgCt) {
currentAd=0
}
document.adBanner.src=imgs[currentAd]
document.adBanner.alt=altimg[currentAd]

setTimeout("cycle()",10 * 1000)
}
//-->
</SCRIPT>

<img src="imagen1.jpg" name="adBanner" border="0" width="700" height="200"></a>

<SCRIPT LANGUAGE="JavaScript">
<!--
cycle()
//-->
</SCRIPT>
Espero sea de tu utilidad

Última edición por agonzalezamx; 07/01/2009 a las 13:15 Razón: correccion de codigo.