Ver Mensaje Individual
  #7 (permalink)  
Antiguo 12/01/2012, 14:19
Avatar de Oscar_Hidro
Oscar_Hidro
 
Fecha de Ingreso: septiembre-2011
Ubicación: Aguascalientes, Mexico.
Mensajes: 200
Antigüedad: 12 años, 7 meses
Puntos: 25
Respuesta: Animacion infinita

Gracias por tu aportacion @IsabelIM, @domibonza, e @hugo. Desafortunadamente ni siquiera generando el script para que lo repita, me corrigiò ese detalle.

Peeeeeeeero, improvise con php. Se que este es foro de javascript, pero pongo el mètodo de la solución que implemente por si acaso a alguien le sirviera esta solucion o lo tomara como un tip.

A final de cuentas lo que yo necesitaba era un slide de imagenes de determinado color, y que este se mostrara con el estilo css de mi pagina con los colores mismos del slide. Es decir, tengo mi pagina de un color con algunas partes en verde, y que cuando se mostrara en este coor, apareciera el slide con imagenes en verde. Si la pagina era naranja, que mostrara las imagenes en naranja.

El cambio de estilos lo logrepor medio de un script jquery

Código Javascript:
Ver original
  1. day = new Date();
  2. minutes = day.getMinutes();
  3. seconds = day.getSeconds()
  4. time = minutes+"."+seconds;
  5. if(time>=0 && time<3.44 || time>=15.0 && time<18.44 || time>=30.0 && time<33.44 || time>=45.0 && time<48.44){
  6. document.write("<link rel='stylesheet' type='text/css' href='css/orange.css' id='estilo1'/>");
  7. }
  8. else if(time>=3.45 && time<7.29 || time>=18.45 && time<22.29 || time>=33.45 && time<37.29|| time>=48.45 && time<52.29){
  9. document.write("<link rel='stylesheet' type='text/css' href='css/green.css' id='estilo1'/>");
  10. }
  11. else if(time>=7.30 && time<11.14 || time>=22.30 && time<26.14 || time>=37.30 && time<41.14 || time>=52.30 && time<56.14){
  12. document.write("<link rel='stylesheet' type='text/css' href='css/_red.css' id='estilo1'/>");
  13. }
  14. else if(time>=11.15 && time<14.59 || time>=26.15 && time<29.59 || time>=41.15 && time<44.59 || time>=56.15 && time<59.59){
  15. document.write("<link rel='stylesheet' type='text/css' href='css/blue.css' id='estilo1'/>");
  16. }

Como se ve, puse intervalos de tiempo en minutos y segundos para que al momento de accesar, se mostrara cualquiera de estos estilos.

Y con php genere 4 slides(uno de cada color), y simplemente mande a llamarlos de la misma manera que los estilos, solo que ahora con php:

Código PHP:
Ver original
  1. <?php
  2. $minutes = date(i);
  3. $seconds = date(s);
  4. $time = $minutes.'.'.$seconds;
  5. /*$time = date("i:s");*/
  6. if($time>=0.00 && $time<3.44 || $time>=15.0 && $time<18.44 || $time>=30.0 && $time<33.44 || $time>=45.0 && $time<48.44){
  7. include('sliden.php');
  8. }
  9. else if($time>=3.45 && $time<7.29 || $time>=18.45 && $time<22.29 || $time>=33.45 && $time<37.29|| $time>=48.45 && $time<52.29){
  10. include('slidev.php');
  11. }
  12. else if($time>=7.30 && $time<11.14 || $time>=22.30 && $time<26.14 || $time>=37.30 && $time<41.14 || $time>=52.30 && $time<56.14){
  13. include('slider.php');
  14. }
  15. else if($time>=11.15 && $time<14.59 || $time>=26.15 && $time<29.59 || $time>=41.15 && $time<44.59 || $time>=56.15 && $time<59.59){
  16. include('slideb.php');
  17. }
  18. ?>
  19.  
  20. Puse el mismo intervalo de tiempo para el slide de cada color, y asi muestra los dos elementos(pagina y slide) al mismo tiempo. Mi intencion era hacerlo todo con jquery, pero tuvo sus detalles que no pude corregir, asi que busque esta solucion alternativa dandome el resultado que yo queria
  21.  
  22. Saludos a todos y gracias por su atencion. :cool: