Foros del Web » Programando para Internet » Javascript »

un jcarousel loco

Estas en el tema de un jcarousel loco en el foro de Javascript en Foros del Web. Hola amigos. He implementado un jcarousel en mi sitio web y la verdad es que no sé muy bien cómo manejar sus eventos. Y al ...
  #1 (permalink)  
Antiguo 10/02/2010, 10:14
Avatar de aniMAYtions  
Fecha de Ingreso: diciembre-2007
Ubicación: Granada
Mensajes: 519
Antigüedad: 17 años
Puntos: 2
un jcarousel loco

Hola amigos.

He implementado un jcarousel en mi sitio web y la verdad es que no sé muy bien cómo manejar sus eventos. Y al parecer no lo estoy haciendo debidamente pues hace unas cosas muy extrañas.
Le tengo puesto que sólo muestre una imágen y lo hace. Pero luego también le he puesto las 2 flechitas para pasar de una imágen a otra hacia delante o hacia detrás. Pero hay veces que cuando iega al final del carro, aunque la flecha aparezca como inactiva si la pulsas vuelve al principio y ia se vuelve loco del todo, no tira hacia delante, o tira 2 de golpe, o se sale del clipboard y no muestra nada sino el carousel vacío...
Os muestro el código a ver si me podeis decir algo

Código Javascript:
Ver original
  1. jQuery(document).ready(function() {
  2.         jQuery('#mycarousel').jcarousel({
  3.         visible: 1,
  4.         scroll: 1,
  5.         wrap: 'last',
  6.         initCallback: mycarousel_initCallback
  7.     });
  8. });
  9.  
  10. function mycarousel_initCallback(carousel) {
  11. jQuery('.jcarousel-control a').bind('click', function() {
  12. carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
  13. return false;
  14. });
  15. jQuery('#mycarousel-next').bind('click', function() {
  16. carousel.next();
  17. return false;
  18. });
  19.  
  20. jQuery('#mycarousel-prev').bind('click', function() {
  21. carousel.prev();
  22. return false;
  23. });
  24. };
  25. // Ride the carousel...
  26. jQuery(document).ready(function() {
  27. jQuery("#mycarousel").jcarousel({
  28. scroll: 1,
  29. initCallback: mycarousel_initCallback,
  30. // This tells jCarousel NOT to autobuild prev/next buttons
  31. buttonNextHTML: null,
  32. buttonPrevHTML: null
  33. });
  34. });

Código PHP:
if($fecha_noticia!= '')
    {
        
$conexion conectar();
        
$consulta_bloques "Select Count(*) From my_noticias where date(fecha_noticia) = '$fecha_noticia'";
        
$total_bloques mysql_fetch_row(mysql_query($consulta_bloques$conexion));
        if(
$total_bloques[0] > 1)
        {
             echo

             <div id='wrap'>
                 <h3>Bloques del programa</h3>
                <div id='mycarousel' class='jcarousel-skin-tango'>
                <ul>"
;
            
$consulta "SELECT id_noticia, c.id_categoria, titulo_noticia, date(fecha_noticia) FROM my_noticias mn, categorias c, subcategorias sc WHERE mn.id_subcategoria = sc.id_subcategoria AND sc.id_categoria = c.id_categoria AND fecha_noticia = '$fecha_noticia' ";
            
$result_bloques mysql_query($consulta$conexion);
            while(
$fila_bloque mysql_fetch_row($result_bloques))
            {
                echo 
utf8_encode("<li><img src='./images/bloques/$fila_bloque[1].jpg' width='75' height='75' alt=''/></li>");
            }
           echo
"</ul></div></div>";
        }
        
mysql_close($conexion);
    } 
Bueno, primero os pongo el código javascript que tengo y por último el php con el cual lo cargo.

Gracias chic@s!!

Etiquetas: jcarousel, loco
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 03:32.