Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery摄像头滑块视频问题_Jquery - Fatal编程技术网

jQuery摄像头滑块视频问题

jQuery摄像头滑块视频问题,jquery,Jquery,我使用jQuery摄像头滑块来显示图像和Vimeo视频。你可以看到 我有三个问题 当页面加载“我得到”滑块顶部闪烁的白色圆圈时,它看起来像分页按钮和加载图标。为什么会这样,我能阻止它吗 加载页面后,如果立即单击分页按钮,滑块将暂停并锁定。我不知道为什么会这样 页面加载后,滑块可以完美地滚动图像,但一旦播放视频,滑块的自动播放功能就会停止(分页仍然有效,只是不会自动) 非常感谢您对这些问题的任何帮助,提前谢谢。我可以看到我这边的圆圈,但即使我快速点击幻灯片,滑块也能工作。但是控制台中有很多错误。。

我使用jQuery摄像头滑块来显示图像和Vimeo视频。你可以看到

我有三个问题

  • 当页面加载“我得到”滑块顶部闪烁的白色圆圈时,它看起来像分页按钮和加载图标。为什么会这样,我能阻止它吗

  • 加载页面后,如果立即单击分页按钮,滑块将暂停并锁定。我不知道为什么会这样

  • 页面加载后,滑块可以完美地滚动图像,但一旦播放视频,滑块的自动播放功能就会停止(分页仍然有效,只是不会自动)


  • 非常感谢您对这些问题的任何帮助,提前谢谢。

    我可以看到我这边的圆圈,但即使我快速点击幻灯片,滑块也能工作。但是控制台中有很多错误。。。
    更新:是的,它挂起了!我认为控制台中的错误应该对此行为负责。

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

    通过包装器引用控件:

    CSS
    .camera_pag {
        display: none;
    }
    
    插件在适当的时候覆盖像这样的“display:none”样式是很自然的,但是如果不是这样,我建议使用插件的“onload”回调函数来显示控件

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

    也许你应该检查浏览器控制台是否有错误……而且,将视频放在第二个位置可以避免挂起问题。我不知道为什么会这样,但现在我不得不接受它作为解决方案。