Ver Mensaje Individual
  #7 (permalink)  
Antiguo 16/03/2011, 12:32
Avatar de Naahuel
Naahuel
 
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 1 mes
Puntos: 192
Respuesta: Hacer que el background cambie la imagen cada cierto tiempo

Cita:
Iniciado por fana21 Ver Mensaje
Naahuel, eso es lo que yo necesito!!!
GRACIAS!!!

Pero una pregunta mas... donde meto ese codigo?, en que parte del código HTML meto eso?
Pues yo lo hice así: Primero incluímos jQuery desde los repos de Google y luego el archivo con nuestro script:

Código HTML:
Ver original
  1. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js'></script>
  2. <script type="text/javascript" src="js/cambiar-fondo.js"></script>

En mi caso le llamé cambiar-fondo.js en una carpeta js. Tenés que modificar el script con tus parámetros. Te explico más o menos:

La matriz arrImagenes contiene los nombres de las imágenes que quieres.
imagenActual es el nombre de la imagen con que inicias.
tiempo es el tiempo en milisegundos de los intervalos de cambio.
id_contenedor es el id del elemento al que quieres cambiarle el fondo.

Y debes reemplazar la línea:

Código Javascript:
Ver original
  1. tempImagen.src = 'images/' + nuevaImagen;

Con la ruta al directorio donde se encuentran tus imágenes. En mi caso es images pero si vos tuvieses "fotos" por ejemplo, sería:

Código Javascript:
Ver original
  1. tempImagen.src = 'fotos/' + nuevaImagen;

Más claro que eso no puedo :P

Sólo tenés que tener cuidado con las rutas, a veces dan dolores de cabeza. Fijate bien dónde tenés tu HTML, tus imágenes y cuidado con las rutas relativas.