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 originaljQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
visible: 1,
scroll: 1,
wrap: 'last',
initCallback: mycarousel_initCallback
});
});
function mycarousel_initCallback(carousel) {
jQuery('.jcarousel-control a').bind('click', function() {
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
return false;
});
jQuery('#mycarousel-next').bind('click', function() {
carousel.next();
return false;
});
jQuery('#mycarousel-prev').bind('click', function() {
carousel.prev();
return false;
});
};
// Ride the carousel...
jQuery(document).ready(function() {
jQuery("#mycarousel").jcarousel({
scroll: 1,
initCallback: mycarousel_initCallback,
// This tells jCarousel NOT to autobuild prev/next buttons
buttonNextHTML: null,
buttonPrevHTML: null
});
});
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!!