Comunidad PHPeros
Lenguajes => JavaScript => Mensaje iniciado por: Bonedragon 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.
-
analizando un poco dentro del poco conocimiento que tengo, no sé si debo editar el gslider.js en vez del html como tal, no?
-
Una manera sencilla sería utilizar setInterval para activar el slider
-
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.