Question

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

我在我的网站http://www.woothemes.com/flexslider/中使用了Flexslider（http://grrr.dontmeshwithus.com/）。我将Flexslider属性smoothHeight设置为true，因此它允许滑块的高度在水平模式下平滑动画。我有问题，当我重新加载页面时，它首先加载第一个图像，然后它从0动画到图像高度。你可以看到这是多么烦人而且不想要。任何想法如何防止这种情况，以便a）它不动画第一个图像或b）它在第一个图像加载之前加载flexslider？
如果你去单一帖子（例如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);
    }
    });
});

提前致谢！

Answer 1

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

我刚刚将脚本移动到头部，因此首先加载它们。咄。

而不是

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);
}

Flexslider在图像之后加载，并使smoothHeight属性再次为图像设置动画

1 个答案: