Foros del Web » Programando para Internet » Javascript » Frameworks JS »

ayuda con instrucción js (carrusel imágenes)

Estas en el tema de ayuda con instrucción js (carrusel imágenes) en el foro de Frameworks JS en Foros del Web. Hola amigos, implemente un carrusel de imágenes y me sucede lo siguiente: Si avanzo por el carrusel con las flechas (atrás-adelante) y posteriormente hago click ...
  #1 (permalink)  
Antiguo 29/09/2010, 22:22
 
Fecha de Ingreso: julio-2007
Mensajes: 287
Antigüedad: 16 años, 9 meses
Puntos: 4
Pregunta ayuda con instrucción js (carrusel imágenes)

Hola amigos, implemente un carrusel de imágenes y me sucede lo siguiente:

Si avanzo por el carrusel con las flechas (atrás-adelante) y posteriormente hago click en la imagen que deseo ver, el carrusel vuelve al inicio. No quiero que esto suceda, ya que obliga al visitante a avanzar nueva mente hasta la imagen que había seleccionado para continuar la búsqueda.

Al parecer al script se le pueden configurar algunas líneas y supongo que una de ellas corrigen esta situación.(eso espero)

Esta es mi página:

http://190.96.85.9/~lemucauc/index2.php
Del menú lateral izq. selecciones Pisos de Madera y luego avancen con el carrusel y clickeen una imagen para que vean a lo que me refiero.

Estas son las líneas que permiten la configuración:

var defaults = {
vertical: false,
rtl: false,
start: 1,
offset: 1,
size: null,
scroll: 3,
visible: null,
animation: 'fast',
easing: 'swing',
auto: 0,
wrap: null,
initCallback: null,
reloadCallback: null,
itemLoadCallback: null,
itemFirstInCallback: null,
itemFirstOutCallback: null,
itemLastInCallback: null,
itemLastOutCallback: null,
itemVisibleInCallback: null,
itemVisibleOutCallback: null,
buttonNextHTML: '<div></div>',
buttonPrevHTML: '<div></div>',
buttonNextEvent: 'click',
buttonPrevEvent: 'click',
buttonNextCallback: null,
buttonPrevCallback: null,
itemFallbackDimension: null
}

Y esta es la pagina sonde también salen las instrucciones sobre la configuración:

http://sorgalla.com/projects/jcarousel/

Ojalá me den una mano.
De antemano muchas gracias.
  #2 (permalink)  
Antiguo 29/09/2010, 23:19
 
Fecha de Ingreso: julio-2007
Mensajes: 287
Antigüedad: 16 años, 9 meses
Puntos: 4
Respuesta: ayuda con instrucción js (carrusel imágenes)

Como dato, les cuento que cada vez que hago click en una de la imágenes del carrusel estoy recargando nuevamente la pagina donde éste se encuentra, al parecer esto hace que el carrusel vuelva a la imagen del principio. Pero no se me ocurre como hacerlo de otra manera para evitar esto.
  #3 (permalink)  
Antiguo 30/09/2010, 01:31
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Tema movido desde javascript

Te faltó decir que el carrusel es JQuery...
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 30/09/2010, 09:50
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 1 mes
Puntos: 101
Respuesta: ayuda con instrucción js (carrusel imágenes)

Lo primero que tengo que decir de tu web es que no usar imagenes en miniatura está afectando el tiempo de carga. Lo mejor es que te acostumbres a usar php para generar thumbnails en vez de reducir las imagenes con css o javascript.

Segundo: que tu configuración es demasiado extensa. Innecesariamente.

En cuanto al problema que tenés: comportamientos como ese pueden tener que ver con fallos en javascript. Si usas firebug vas a ver que sale este error al cargar la pagina:

Cita:

missing ; before statement
[Break on this error] body {\n
Pero es un tema de CSS...

Hay otros temas. Estas incluyendo la etiqueta link en el body. Cuando todo esto debería estar en el head.

Código Javascript:
Ver original
  1. <script type="text/javascript" src="estilos.css"></script>
  2. <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  3. <!--
  4.   jCarousel library
  5. -->
  6. <script type="text/javascript" src="jquery.jcarousel.min.js"></script>
  7. <!--
  8.   jCarousel skin stylesheet
  9. -->
  10. <link rel="stylesheet" type="text/css" href="skin.css" />

Eso va en contra del xhtml. Cuanto más prolijo seas, menos problemas vas a tener.

Fijate que si tratas de validar la pagina, te va a decir que hay un </p> que no esta abierto. Entonces, si hay problemas con html y CSS, se hace mas dificil buscar los de javascript, que espera un DOM bien construido.

Limpia un poco la pagina y la seguimos, dale?

Última edición por mayid; 30/09/2010 a las 09:56

Etiquetas: js, carrousel
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:21.