jquery - jQuery相机滑块视频问题

Question

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

我有三个问题。

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