Ver Mensaje Individual
  #2 (permalink)  
Antiguo 21/12/2011, 11:57
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

Hola Oscar_Hidro

En cualquiera de tus dos casos necesitas manejar un intervalo de tiempo... esto lo puedes lograr con setInterval... esta función requiere 2 parametros...
el primero es el evento a ejecutar y el segundo es el tiempo de ejecucion...

setInterval(parametro1, parametro2);

para tu primer caso necesitas definir estilos en un JSON
y mediante una funcion irlos cambiando en el tiempo definido que tengas por ejemplo...

Código Javascript:
Ver original
  1. var Styles = {CSSStyle:["background-image", "background-color"], Values:["imagen1.png", "#FFF"]} //variable JSON que contiene el tipo de estilo y su valor en su debido orden
  2. var Interval = 5000 //esto es en milisegundos (equivale a 5 segundos)
  3. var Timer= setInterval("CHANGE_STYLE()", Interval);
  4. var Counter = 0;//Este contador manejara la posicion del estilo que se aplicará
  5. var ThisObjetc = '#objeto'; //aquí va el id o clase del objeto para asignarlo a jQuery
  6.  
  7. function CHANGE_STYLE(){
  8.     if(Counter == Styles.CSSStyle.length){//si Counter es igual a Styles.CSSStyle.length (osea 2 en este caso)
  9.         Counter = 0
  10.     }else{
  11. //aplicamos el estilo al objeto [B]ThisObjetc[/B]
  12.         $(ThisObjetc).css(Styles.CSSStyle[Counter], Styles.Values[Counter]);
  13.         Counter++; 
  14.     }
  15. }

no he probado si funciona.. lo escribí por dar un ejemplo.. ojala no tenga error... pero cabe mencionar que las variables... tienen que estar en un evento de inicializacion.. osea...
dentro del ready de jQuery o window.onLoad de JavaScript.....


Este mismo método puedes emplear para hacer el cambio de tus paginas...
solo pones la ruta dentro de JSON.... y utilizas html(); de jquery...

$(objeto).html("lo que vaya aqui siempre remplaza el contenido que ya tiene el objeto");


que te sea de utilidad...

SALUDOS y ÉXITO !!!


EDITO:

por cierto.. si quieres saber un poco mas de JSON (por si no sabes) te invito a googlear un poco, inclusive te invito a visitar esté tema...

http://www.forosdelweb.com/f13/json-...0/#post3938369

es muy interesante....

SALUDOS !!!
__________________
Se acepta Karma (:

Si Dios con nosotros, quien contra nosotros !!