0

实际上有两个问题，都与 flexslider 相关，甚至可能彼此相关。

  1. 我在我的网站http://grrr.dontmeshwithus.com/中使用 Flexslider ( http://www.woothemes.com/flexslider/ ) 。我将 Flexslider 属性 smoothHeight 设置为 true，因此它允许滑块的高度在水平模式下平滑地设置动画。我有问题，当我重新加载页面时，它首先加载第一个图像，然后它从 0 动画到图像高度。你可以看到这是多么令人讨厌和不想要的。任何想法如何防止这种情况，以便a）它不会为第一个图像设置动画或b）它在第一个图像加载之前加载flexslider？

  2. 如果您转到单个帖子（例如http://grrr.dontmeshwithus.com/ismo-alanko/ssdfs/），它会显示当前幻灯片编号和总幻灯片编号（例如 3/5）。但是当我第一次进入页面时，或者刷新页面时，它会重置滑块并且不显示当前的幻灯片编号。它只是空的。如何让它正确显示它的当前幻灯片编号 (1)。如果我先转到第二张幻灯片然后返回到第一张幻灯片，它会显示第一张幻灯片的幻灯片编号。

这是我的 flexslider JS：

$(window).load(function() {
$('.flexslider').flexslider({
    animation: "slide",
    controlNav: false,
    keyboard: true,
    initDelay: 1000,
    useCSS: false,
    video: false,
    animationLoop: true,
    slideshow: false,
    smoothHeight: true,
    controlsContainer: ".flexslider-control",
    nextText: ">",
    prevText: "<",
    after: function(slider) {
        $('.current-slide').text(slider.currentSlide+1);
    },
    start: function(slider) {
        $('.total-slides').text(slider.count);
    }
    });
});

提前致谢！

4

1 回答 1

0

好的，这些实际上非常简单，我应该在问这里之前多考虑一下。

  1. 我只是将脚本移到头部，因此它们首先加载。呃。

  2. 代替

    after: function(slider) {
    $('.current-slide').text(slider.currentSlide+1);
},
start: function(slider) {
    $('.total-slides').text(slider.count);
}

我做了

after: function(slider) {
    $('.current-slide').text(slider.currentSlide+1);
},
start: function(slider) {
    $('.current-slide').text(slider.currentSlide+1);
    $('.total-slides').text(slider.count);
}
于 2013-01-31T19:45:01.913 回答