Autor Tema: [Tutorial] - Rotación de banners CON efecto  (Leído 1385 veces)

Desconectado Navarro

  • PHPerit@
  • *
  • Mensajes: 45
  • Karma: 1
  • Sexo: Masculino
    • Ver Perfil
    • HabboLands
[Tutorial] - Rotación de banners CON efecto
« en: 21 de Abril de 2009, 23:15:44 pm »
Hola!  :) Aqui os traigo un tutorai lde Rotación de banners, al igual que el otro tutorial que puse, pero en este caso, se cambia la imagen sin falta de pulsar la tecla F5. ó Actualizar pagina y además de una forma dinamica.

1. Insertaremos el siguiente codigo.

Código: [Seleccionar]
</script>
<script language="javascript">
 
var imagenes=new Array()

imagenes[0]=new Image (632,117);
imagenes[0].src="img/banner.png"
imagenes[1]=new Image (632,117);
imagenes[1].src="img/banner2.png"
imagenes[2]=new Image (632,117);
imagenes[2].src="img/banner3.png"

cont=0
function presImagen()
{
if (document.all){
document.getElementById('foto').filters.blendTrans.apply()
document.getElementById('foto').src=imagenes[cont].src
document.getElementById('foto').filters.blendTrans.play()
}
else
    {
    document.images.foto.src = imagenes[cont].src
    }
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('presImagen()',5000)
}

</script>

2. Poner el siguiente codigo, donde quieras que se valla a mostrar la rotacion de banner's.

Código: [Seleccionar]
<img id="foto" src="img/banner.png" style="filter:blendTrans(duration=[b]6[/b])" width="632" height="117">
3.
Ya esta finalizado. Ahora tu tendrias que editar medidas, url, duracion de tiempo etc...

*El efecto de oscurecerse, solo funciona en IE, nose como podria hacer que funcionaria en Mozilla... ¿Alguien sabe?

Espero que os sirva!
¡Saludos!
« Última modificación: 21 de Abril de 2009, 23:18:20 pm por Navarro »

Comunidad PHPeros

[Tutorial] - Rotación de banners CON efecto
« en: 21 de Abril de 2009, 23:15:44 pm »

Desconectado Nad

  • PHPero Avanzado
  • ****
  • Mensajes: 397
  • Karma: -1
    • Ver Perfil
    • Habbodreamer
Re: [Tutorial] - Rotación de banners CON efecto
« Respuesta #1 en: 06 de Mayo de 2009, 17:43:35 pm »
vp?