JCarousel和Cufon没有合作:动画让cufon消失

Question

我正在对jCarousel使用cufon。

Carousel中有五个项目，并从右向左旋转--换句话说，它们离开屏幕向左旋转。你可以在这里看到它。

http://www.foursquare.org/site/test

如果我将旋转木马设置为默认行为，它会转到第五张幻灯片，然后快速滑回右侧，所有内容都会正常显示。

如果我将旋转木马设置为“圆形”，cufon标题会在第一次旋转后消失；也就是说，当第一张幻灯片被附加到最后一张幻灯片的右侧时，它们不会随幻灯片的其余部分一起出现。

你知道我能做些什么让jCarousel和Cufon合作或沟通，这样在这种情况下头条新闻就不会消失了吗？

TTFN Travis

Answer 1

我最后做的是每次轮播移动到下一项时，我调用Cufon.replace函数，以便它重新呈现相关文本的cufon。

也就是说。

$(document).ready(function(){
  $j('.jcarousel-prev').click(function(e){
    Cufon.replace('li.jcarousel-item h3');
  });
  $j('.jcarousel-next').click(function(e){
    Cufon.replace('li.jcarousel-item h3');
  });
});

然而，我在IE中的jCarousel有我自己的问题，在我使用或不使用上面的jQuery代码的地方，它似乎在隐藏的旋转木马项目上重复编写cufon。如果有人遇到并解决了这个问题，那将是非常有帮助的。如果我事先找到了修复方法，我会在这里发布:)

Answer 2

如果让jcarousel自动旋转，则需要将Cufon.Refresh()附加到动画函数。

对于我们的carousel，我们在jcarousel上使用了'itemVisibleOutCallback‘参数，并将Cufon.Refresh()附加到'onAfterAnimation’调用中。

下面是一个例子：

jQuery('#myCarousel').jcarousel({
        scroll: 1,
        wrap: 'circular',
        animation: 1500,
        auto: 7,
        itemVisibleOutCallback: {
            onBeforeAnimation: carouselAnimateStart
        }
    });

function carouselAnimateStart(){
    Cufon.refresh();
}

亚历克斯

Answer 3

我在一个变种的尾部滑块中遇到了这个问题。似乎对我有效的方法，而不是使用

visibility:hidden

我用过

display:none

和

display:block 

来揭示。