Foros del web, para los que viven de bits

degupukas · 03-nov-2008, 17:32

hola de nuevo alguien me podria ayudar con este carousel de foto que es auto scroll la verda no lo logro poner a funcionar gracias por su tiempo

http://www.gmarwaha.com/jquery/jcarousellite/index.php#demo

<html>

<head>

<title>JQuery Test</title>

<script type="text/javascript" src="jcarousellite.js"></script>

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

<script type="text/javascript">
$(".auto .jcarousellite").jcarousellite({
auto: 800,
speed: 1000
});
</script>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>

<body>

<div class="anyClass">

<ul>
<li><img src="http://img391.imageshack.us/img391/6310/51169277az5.jpg" alt="" width="100" height="100" ></li>
<li><img src="http://img88.imageshack.us/img88/1866/90203255ee8.jpg" alt="" width="100" height="100" ></li>
<li><img src="http://img377.imageshack.us/img377/2879/63104397xo2.jpg" alt="" width="100" height="100" ></li>
<li><img src="http://img377.imageshack.us/img377/2879/63104397xo2.jpg" alt="" width="100" height="100" ></li>
<li><img src="http://img391.imageshack.us/img391/6310/51169277az5.jpg" alt="" width="100" height="100" ></li>
<li><img src="http://img88.imageshack.us/img88/1866/90203255ee8.jpg" alt="" width="100" height="100" ></li>
<li><img src="http://img377.imageshack.us/img377/2879/63104397xo2.jpg" alt="" width="100" height="100" ></li>
<li><img src="http://img377.imageshack.us/img377/2879/63104397xo2.jpg" alt="" width="100" height="100" ></li>

</ul>
</div>

</body>

</html>

venkman · 03-nov-2008, 20:32

1. Siempre carga primero el jquery.js y después los plugins:

Código html:

Ver originalCopiar<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jcarousellite.js"></script>

2. La llamada para crear el carrusel la tienes que hacer cuando se haya cargado la página:

Código javascript:

Ver originalCopiar$(document.ready(function() {
    $(".auto .jcarousellite").jcarousellite({ auto: 800, speed: 1000 });
});

3. Aplica el carrusel al elemento que dice en las instrucciones:

Código javascript:

Ver originalCopiar$(document.ready(function() {
    $(".anyClass").jcarousellite({ auto: 800, speed: 1000 });
});

Tu $(".auto .jcarouselite") no selecciona ningún elemento en el HTML que tienes.

degupukas · 03-nov-2008, 21:31

todo bien venkman me puede explicar la parte 3 la verda soy novato en esto y si es posible me puede enviar otro ejemplo de como lo harias? porfavor y denuevo gracias

venkman · 04-nov-2008, 05:33

La parte 3 quería decir que el carrusel lo tienes que hacer sobre el elemento que realmente tiene el carrusel.

Es decir, tu HTML es:

Código HTML:

...
<div class="anyClass"> ... </div>
...

Ese es el div sobre el que tienes que aplicar el carrusel. En tu código tenías $(".auto .jcarousellite").jcarousellite(...) pero lo que debes hacer es $(".anyClass").jscarousellite(...)
$("algo") sirve para seleccionar elementos, y tienes que seleccionar el <div> que tienes. La selección que tú estabas haciendo $(".auto .jcarousellite") no corresponde a ningún elemento de tu HTML. No sé de dónde lo habrás sacado pero no es correcto.

03-nov-2008, 17:32	#1 (permalink)
degupukas Fecha de Ingreso: octubre-2008 Mensajes: 34	jcarousellite.js ayuda hola de nuevo alguien me podria ayudar con este carousel de foto que es auto scroll la verda no lo logro poner a funcionar gracias por su tiempo http://www.gmarwaha.com/jquery/jcarousellite/index.php#demo <html> <head> <title>JQuery Test</title> <script type="text/javascript" src="jcarousellite.js"></script> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(".auto .jcarousellite").jcarousellite({ auto: 800, speed: 1000 }); </script> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> </head> <body> <div class="anyClass"> <ul> <li><img src="http://img391.imageshack.us/img391/6310/51169277az5.jpg" alt="" width="100" height="100" ></li> <li><img src="http://img88.imageshack.us/img88/1866/90203255ee8.jpg" alt="" width="100" height="100" ></li> <li><img src="http://img377.imageshack.us/img377/2879/63104397xo2.jpg" alt="" width="100" height="100" ></li> <li><img src="http://img377.imageshack.us/img377/2879/63104397xo2.jpg" alt="" width="100" height="100" ></li> <li><img src="http://img391.imageshack.us/img391/6310/51169277az5.jpg" alt="" width="100" height="100" ></li> <li><img src="http://img88.imageshack.us/img88/1866/90203255ee8.jpg" alt="" width="100" height="100" ></li> <li><img src="http://img377.imageshack.us/img377/2879/63104397xo2.jpg" alt="" width="100" height="100" ></li> <li><img src="http://img377.imageshack.us/img377/2879/63104397xo2.jpg" alt="" width="100" height="100" ></li> </ul> </div> </body> </html>

03-nov-2008, 20:32	#2 (permalink)
venkman Fecha de Ingreso: enero-2008 Mensajes: 740	Respuesta: jcarousellite.js ayuda 1. Siempre carga primero el jquery.js y después los plugins: Código html: Ver original Copiar <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jcarousellite.js"></script> 2. La llamada para crear el carrusel la tienes que hacer cuando se haya cargado la página: Código javascript: Ver original Copiar $(document.ready(function() { $(".auto .jcarousellite").jcarousellite({ auto: 800, speed: 1000 }); }); 3. Aplica el carrusel al elemento que dice en las instrucciones: Código javascript: Ver original Copiar $(document.ready(function() { $(".anyClass").jcarousellite({ auto: 800, speed: 1000 }); }); Tu $(".auto .jcarouselite") no selecciona ningún elemento en el HTML que tienes.

03-nov-2008, 21:31	#3 (permalink)
degupukas Fecha de Ingreso: octubre-2008 Mensajes: 34	Respuesta: jcarousellite.js ayuda todo bien venkman me puede explicar la parte 3 la verda soy novato en esto y si es posible me puede enviar otro ejemplo de como lo harias? porfavor y denuevo gracias

04-nov-2008, 05:33	#4 (permalink)
venkman Fecha de Ingreso: enero-2008 Mensajes: 740	Respuesta: jcarousellite.js ayuda La parte 3 quería decir que el carrusel lo tienes que hacer sobre el elemento que realmente tiene el carrusel. Es decir, tu HTML es: Código HTML: ... <div class="anyClass"> ... </div> ... Ese es el div sobre el que tienes que aplicar el carrusel. En tu código tenías $(".auto .jcarousellite").jcarousellite(...) pero lo que debes hacer es $(".anyClass").jscarousellite(...) $("algo") sirve para seleccionar elementos, y tienes que seleccionar el <div> que tienes. La selección que tú estabas haciendo $(".auto .jcarousellite") no corresponde a ningún elemento de tu HTML. No sé de dónde lo habrás sacado pero no es correcto.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado