Tag: jcarousellite

在jCarouselLite中显示位置

我正在使用jcarousellite作为一个简单的JQuery旋转木马，但我想稍微改变一下，以便将图像隐藏到最左边和最右边的项目，但显示在中间项目上。 为此，我需要能够在任何时候找到视口中显示的列表项。 我已经尝试在源代码中挖掘并使用包含的回调，但我无法获得与所显示的项目相符的索引号。 有没有人有这方面的经验或如何解决它的想法？ 编辑 OK在某种程度上解决了这个问题，但它仍然无法正常工作。 afterEnd函数内置于插件中，并提供当前可见项的对象。 我用它来提供列表元素的ID，并应用一些转换。 问题是这是插件的“外部”，所以如果我启用自动滚动，则忽略所有这些代码。 我需要一些方法将这些代码插入到插件中的函数中，这就是我害怕的地方。 $(“.ccvi-carousel”).jCarouselLite({ btnNext: “.next”, btnPrev: “.prev”, speed: 800, //auto: 2000, afterEnd: function(a) { if (start=true) { $(‘li#1 .cf-img’).hide(); } left = $(a[0]).attr(“id”); mid = $(a[1]).attr(“id”); right = $(a[2]).attr(“id”); $(‘.prev’).click(function() { $(‘li#’ + left + ‘ .cf-img’).fadeIn(); $(‘li#’ + mid + ‘ .cf-img’).hide(); $(‘li#’ + right + […]

在AJAX请求之后再次运行jCarouselLite

我正在使用jCarouselLite来显示一个post滚动条，它会加载特定类别的post。 但是，我希望能够通过AJAX切换类别。 所以，我在div中加载所有内容，然后运行： jQuery(function($) { $(“#serviceNews”).jCarouselLite({ vertical: true, hoverPause:true, visible: 2, auto:2000, speed:1000 }); }）; 它起作用……直到ajax刷新#serviceNews的innerHTML。 然后jCarouselLite停止工作。 我尝试过使用livequery： jQuery(function($) { $(“#serviceNews”).livequery(function(){ $(this).jCarouselLite({ vertical: true, hoverPause:true, visible: 2, auto:2000, speed:1000 }); }); }）; 但同样的事情发生了。 我对jQuery不太熟悉，所以我可能错过了一些明显的东西。 您可以在此处找到演示（横幅下方的中间列，滚动条下方的switchCategory按钮）。

在一页问题上有多个jcarousels

我在页面上有一些jcarousels，他们通过一个模块成长..所以我们不知道会有多少。 问题是，当我点击一个Carousel“Next”和“Previous”控件时，所有轮播都会同时更改。 之所以发生这种情况，是因为我在java脚本中添加了一个控件，如下所述 if(jQuery().jCarouselLite) { var galleryPane=jQuery(‘.galleryCon’); galleryPane.append (‘ ‘ ); jQuery(“#mod_Pictures .gallery .galleyWrap”) .jCarouselLite( { btnNext: “.jcarousel-next”, btnPrev: “.jcarousel-prev”, visible: 3, circular: false, auto:3000, speed:1000, scroll:1 } ); } 所以同一个类被附加到所有轮播控件。 当我点击一个时，所有的轮播都会发生变化。 我怎样才能为他们添加不同的课程？ 我需要一个jQuery解决方案。