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

Question

实际上是两个问题，都与 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);
    }
    });
});

提前致谢！

Answer 1

好吧，这些其实很简单，我应该在问这里之前多考虑一下。

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