jQuery相机滑块视频问题

Question

我正在使用jQuery Camera Slider来显示图像和Vimeo视频。你可以看到它here。

我有三个问题。

1. 当页面加载时，我会在滑块顶部闪烁白色圆圈，它看起来像分页按钮和加载图标。为什么会发生这种情况，我可以阻止吗？

2. 页面加载后，如果立即点击分页按钮，滑块会停止并锁定。我不知道为什么会这样。

3. 页面加载，滑块完美滚动图像，但一旦播放视频，滑块的自动播放功能就会停止（分页仍然有效，只是不自动）。

非常感谢任何这些问题的帮助，提前谢谢。

Answer 1

我可以看到我的圆圈，但即使我快速点击幻灯片，滑块也能正常工作。控制台中有很多错误...... 更新：是的，它会挂起！我认为控制台中的错误是造成这种行为的原因。

Answer 2

我找到了解决这个问题的方法。在CSS中关闭元素，然后在页面准备好后加载它们。

通过包装器引用控件：

CSS
.camera_pag {
    display: none;
}

插件在适当的时候覆盖'display：none'样式是很自然的，但如果不这样，我建议使用插件的'onLoaded'回调函数来显示控件。

JS
jQuery('#camera_wrap_1').camera({       
   /*/     /*sets the height */
    thumbnails: false,  //true will make thumbnails of the image appear on hovering over pagination dots
    pagination: true,
    onLoaded: function() {
        $(".camera_pag").show(); // or .fadeIn();
    }
});