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

Desconectado Navarro

  • PHPerit@
  • *
  • Mensajes: 45
  • Karma: 1
  • Sexo: Masculino
    • Ver Perfil
    • HabboLands
[Tutorial] - Rotación de banners sin efecto
« en: 21 de Abril de 2009, 23:10:53 pm »
Hola!  ;)

Para poder hacer una rotación de banner al actualizar la pagina es el siguiente codigo:

Solo teneis que cambiar la URL de las imagenes. Y a funcionar. (El codigo se introduce donde quieras que se valla a mostrar esta rotación).

Código: [Seleccionar]
<script language="javascript">

var randomimages=new Array()

randomimages[0]="Images/banner.png"
randomimages[1]="Images/banner2.png"
randomimages[2]="Images/banner3.png"
randomimages[3]="Images/banner4.png"

var preload=new Array()

for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}

document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')

function rotateimage()
{

if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex

document.images.defaultimage.src=randomimages[curindex]
}

setInterval("rotateimage()",delay)

          </script>

Si por el caso quereis añadir más banners a la rotación, tendriais que añadir más: ''randomimages''. Ejemplo:

Código: [Seleccionar]
randomimages[0]="Images/banner.png"
randomimages[1]="Images/banner2.png"
randomimages[2]="Images/banner3.png"
randomimages[3]="Images/banner4.png"
randomimages[4]="Images/banner5.png"
randomimages[5]="Images/banner6.png"

Espero que os sirva. ¡Saludos!

Comunidad PHPeros

[Tutorial] - Rotación de banners sin efecto
« en: 21 de Abril de 2009, 23:10:53 pm »

Desconectado HooKiPo

  • PHPerit@
  • *
  • Mensajes: 25
  • Karma: 0
    • Ver Perfil
Re: [Tutorial] - Rotación de banners sin efecto
« Respuesta #1 en: 21 de Junio de 2009, 01:24:07 am »
es tipo el de habbos?

Desconectado l@lo216

  • PHPerit@
  • *
  • Mensajes: 44
  • Karma: 0
  • Sexo: Masculino
  • Nuev@ PHPer@
    • Ver Perfil
Re:[Tutorial] - Rotación de banners sin efecto
« Respuesta #2 en: 11 de Noviembre de 2009, 02:36:33 am »
Como se haría para que salga eso en un portal de foroactivo?

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[Tutorial] - Rotación de banners sin efecto
« Respuesta #3 en: 12 de Noviembre de 2009, 20:24:55 pm »
Por favor , no revivas temas que ya han pasado y que seguramente el autor de este tema se encuentre inactivo y no pueda resolver tu duda. Si te fijas la fecha de creación fue el :

21 de Abril de 2009, 23:10:53 Publicado por: Navarro

No creo que navarro este por aquí , desde que me registre en PHperos , no he visto algún usuario con similar nick , así que ya sabes para la proxima

#Fdo. Physlet

Desconectado CarlosRdrz

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 2.505
  • Karma: 131
  • Sexo: Masculino
  • A.k.a. TLX
    • Ver Perfil
Re:[Tutorial] - Rotación de banners sin efecto
« Respuesta #4 en: 12 de Noviembre de 2009, 20:43:26 pm »
Cierro tema,
Saludos
La dedicación de mi respuesta sera directamente proporcional a la dedicación de tu pregunta.
Hacer códigos que entiendan las máquinas es fácil, lo difícil y realmente útil es hacer códigos que entiendan las personas.
http://twitter.com/CarlosRdrz
http://www.carlosrdrz.es