Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/12/2011, 10:50
Avatar de Oscar_Hidro
Oscar_Hidro
 
Fecha de Ingreso: septiembre-2011
Ubicación: Aguascalientes, Mexico.
Mensajes: 200
Antigüedad: 13 años, 2 meses
Puntos: 25
Pregunta Cambiar estilos css automaticamente cada cierto tiempo

Hola que tal foreros. Estoy haciendo una pagina donde existen 3 presentaciones distintas de la misma. He logrado obtener una funcion con jquery, que me genera a traves de un boton, que me cambie al estilo de texto que el mismo boton le indica a que estilo quiere mostrar. La cuestión es que quiero desechar esa función. No quiero que el usuario este dandole click al estilo en que quiere ver la página, si no que automaticamente este cambiando cada cierto tiempo. pudieran ser cada 15 segundos por poner un ejemplo:

La manera en que lo tengo es de la siguiente forma:
Código HTML:
Ver original
  1. <link rel="stylesheet" type="text/css" href="css/index_orange.css" id="style"/>

Código Javascript:
Ver original
  1. <script>
  2. $(document).ready(function(){
  3. $(".estilo").click(function(e){
  4.     e.preventDefault();
  5.     var rutaEstilo = $(this).attr("href")
  6.     $("#style").attr("href", rutaEstilo)
  7. })
  8. })
  9.  
  10. </script>

Código HTML:
Ver original
  1. <a class="estilo" href="css/index_green.css"><img src="images/linkv.png" /></a>
  2.                     <a class="estilo" href="css/index_orange.css"><img src="images/linkn.png" /></a>
  3.                     <a class="estilo" href="css/index_red.css" ><img src="images/linkr.png" /></a>

Espero me puedan apoyar.