Ver Mensaje Individual
  #4 (permalink)  
Antiguo 21/12/2011, 12:26
Avatar de Hugo_Euan
Hugo_Euan
 
Fecha de Ingreso: abril-2011
Ubicación: Mérida, Yucatán, México
Mensajes: 193
Antigüedad: 13 años
Puntos: 71
Respuesta: Cambiar pagina cada cierto tiempo jquery

JSON solo es una pila (conjunto de elementos)... ahi defines... un atriburo.. con su valor....
si tu defines

var JSON = {Images:["image1.jpg", "image2.jpg", "image3.jpg"]} //asi infinitamente

tienes que tener una funcion que controle esos atributos y valores...

supon que tienes

Código HTML:
Ver original
  1. <img id="MyImage" src="arbolitos.jpg" />

definiriar una funcion asi

Código Javascript:
Ver original
  1. var Interval = 5000 //esto es en milisegundos (equivale a 5 segundos)
  2. var Timer= setInterval("CHANGE_IMAGE()", Interval);
  3. var Counter = 0;//Este contador manejara la posicion del estilo que se aplicará
  4. var JSON = {Images:["image1.jpg", "image2.jpg", "image3.jpg"]}
  5.  
  6. function CHANGE_IMAGE(){
  7. if(Counter == JSON.Images.length){
  8. Counter = 0;
  9. }else{
  10. $("#MyImage").attr("src", JSON.Images[Counter]);
  11. }
  12. }

de esta manera tu imagen cambiaria cada 5 segundos.. por las imagenes que tienes definidas en el JSON....
como vez.. solo es usar un poco la imaginacion y la lógica.
hay distintas formas de solucionar cada necesidas... :)


SALUDOS y ÉXITO...
__________________
Se acepta Karma (:

Si Dios con nosotros, quien contra nosotros !!