Random background por CSS

19 / febrero / 2006

Haciendo el theme me econtré con un pequeño problema, como la imágen que está abajo de la pestaña de búsqueda está de fondo y quería que salieran varias cada que se refrescara la página me imaginé que la única forma de hacerlo era por un javascript ó algo así, entonces me puse a buscar obviamente con la ayuda de papa Google y me encontré con una solución bastante buena creada por AutomaticLabs

Para empezar nos descargamos el archivo rotator.php, al abrirlo buscamos en la línea 107 donde se encontrarán algo como esto $folder = '.'; en esta parte lo único que tienen que hacer es ponerle la ruta de sus imágenes, si estas se encuentran en el mismo lugar que el archivo rotator.php entonces déjenlo como esta.

Ahora de la línea 143 a 147 encontrarán esto:

PHP:
  1. $extList = array();
  2. $extList['gif'] = 'image/gif';
  3. $extList['jpg'] = 'image/jpeg';
  4. $extList['jpeg'] = 'image/jpeg';
  5. $extList['png'] = 'image/png';

 

Aquí es donde definimos que tipos de archivo son los que tomará en cuenta para rotar, si tienen alguna otra que incluir bueno solo sigan el patrón.

En el tutorial encontrarán un ejemplo de las 2 formas aplicadas, espero que les funcione

Demo Download

+

7 comentarios para Random background por CSS

  1. bakana un tutorial de esto bro ^_^…aunque = no entendi nada XD

  2. madre mia esta version de infected tal como va pienso ke será sin duda la mejor ^^!
    estos tutoriales son los ke a mi me gustan! cosas muy practicsa ke no sabia ke se podian hacer con css y javascript ^^! keremos maaas :P

    estas tecnologias van directas a mi nueva web jejeje

    gracias hongooo :)

  3. Bien, lo que algun dia iba a buscar!
    Eden… Dona un Space Art x)

  4. henrycha 10 dic 2006

    mm esta bacan la explicacion, pero cuando lo uso como fondo funciona bien en firefox pero en explorer no aparece nada puedes darme una solución?

  5. Genial… me funcionó de inmediato!

  6. Bruney3 07 may 2008

    Gracias por borrar el tutorial…

  7. irasema 29 sep 2009

    PONGALO OTRA VES LO OCUPOOOOOOOOOOOO URGENTEEEEEEEEE

Agrega tu opinión Invitado, tu puedes registrarte o ingresar a tu cuenta .

No será publicado

Get your own Gravatar
Sign up for free