Autor Tema: automatizar paso de imagenes  (Leído 709 veces)

Desconectado Bonedragon

  • PHPerit@
  • *
  • Mensajes: 12
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
automatizar paso de imagenes
« en: 20 de Junio de 2012, 23:38:18 pm »
Hola,

Realice el siguiente slide utilizando jquery y gcslider, quisiera saber como puedo hacer para que las imagenes puedan pasar solas sin necesidad de darle click.

Este es el codigo

<html>
<head>
    <title>Prueba - Slide interactivo</title>

    <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>

    <script src="js/image-slider.js" type="text/javascript"></script>

    <link href="style/image-slider.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
        $(document).ready(function() {
            $('#slider').slider({ speed: 600 });

        });       
       
    </script>

</head>
<body>
   <div id="logo"><font color="white"><h1>Prueba de Slide de imagenes interactivo </h1></font></div>
    <div id="container">
        <div id="slider">
            <div>
                <img alt="primera imagen" src="images/imagen1.jpg" />
      <a href="//www.tomaelbus.com">Esta es la primera imagen</a>
       </div>
            <div>
                <img alt="Segunda imagen" src="images/imagen2.jpg" />
      <a href="//www.tomaelbus.com">Esta es la segunda imagen</a>
            </div>
            <div>
                <img alt="Pruba de interactiva" src="images/imagen3.jpg" />
      <a href="//www.tomaelbus.com">Esta es la tercera imagen</a>
            </div>
            <div>
                <img alt="Cuarta imagen" src="images/imagen4.jpg" />
      <a href="//www.tomaelbus.com">Esta es la cuarta imagen</a>
            </div>
     </div>
                       
    </div>
   
</body>
</html>

Gracias.

Comunidad PHPeros

automatizar paso de imagenes
« en: 20 de Junio de 2012, 23:38:18 pm »

Desconectado Bonedragon

  • PHPerit@
  • *
  • Mensajes: 12
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:automatizar paso de imagenes
« Respuesta #1 en: 21 de Junio de 2012, 15:49:49 pm »
analizando un poco dentro del poco conocimiento que tengo, no sé si debo editar el gslider.js en vez del html como tal, no?

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:automatizar paso de imagenes
« Respuesta #2 en: 23 de Junio de 2012, 15:50:19 pm »
Una manera sencilla sería utilizar setInterval para activar el slider

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
Re:automatizar paso de imagenes
« Respuesta #3 en: 23 de Junio de 2012, 20:04:31 pm »
Una manera sencilla sería utilizar setInterval para activar el slider

Exacto, usar serInterval para llamar una función cada X intervalo de tiempo.

Referente al tema, tu hablas de que das click y el avanza, ¿no?. Pero, esto no lo veo reflejado aquí, por lo que seria mejor que publicaras el código de "js/image-slider.js" para brindarte una mejor ayuda.

Saludos.
Twitter: @JoakoM010