Question

我需要jquery相机插件的帮助。我从

下载了这个插件

http://www.pixedelic.com/plugins/camera/

我将从网站下载的所有必要JavaScript文件放在同一位置：

我的php程序（它没有任何php脚本，虽然扩展名为.php）与“js”在同一文件夹中这是html代码：

    <script type="text/javascript" src="js/jquery/jquery-1.10.2.js"></script>
    <script type='text/javascript' src='js/jqueryCamera/scripts/jquery.easing.1.3.js'></script>
    <script type='text/javascript'             src='js/jqueryCamera/scripts/jquery.mobile.customized.min.js'></script>
    <script type='text/javascript' src='js/jqueryCamera/scripts/camera.min.js'></script> 

    <script>
        $('#camera_wrap').camera();
    </script>


    <div id="SlideWrapper">
        <div id="camera_wrap">
            <div data-src="images/slider/01.jpg"></div>
            <div data-src="images/slider/02.jpg"></div>
            <div data-src="images/slider/03.jpg"></div>
        </div>
    </div>

当我运行程序时，它不会显示图像。我已经完成了它在网站上的指示。我没有添加任何功能并更改了任何参数。

我已将程序放在网络服务器中，可以在以下位置查看：

http://store.touchmedia.ca/mytest/TestCamera01.php

请帮助我让它发挥作用......

感谢，

艾萨克

Answer 1

似乎问题是由于插件和jQuery源文件之间的不一致。在您的示例中，您使用的是最新的jQuery版本，即1.10.2。您应该始终牢记，每个新版本都会删除一些较旧且不一致的API，并添加新的api。我认为这个插件可能正在使用一些已删除或已弃用的方法。然而，这个插件兼容jQuery版本1.8.3。您可以找到jQuery更改日志here或here。我在JSBIN

中创建了一个问题的工作示例

Answer 2

我在以下链接中找到了答案：

https://groups.google.com/forum/#!topic/camera-slideshow/AgVzZjjJ75Y

看起来较新的JQuery版本不支持JQuery Camera滑块，必须是因为滑块所需的某些功能/ API在Nouphal（谢谢）提到的较新版本中被删除。

我从上面的链接下载了固定版本，你可以在

中看到

http://store.touchmedia.ca/mytest/TestCamera02.php

由此，我怀疑我们能够信任我们不知道的人开发的插件到什么程度，当JQuery的新版本发布时，插件将停止工作，想象我们开发一个客户的网站，几个月后它停止工作，我们不知道如何修复插件，最终会在互联网上的所有论坛上提出问题。

Answer 3

DOM准备就绪时调用函数。

写：

$(document).ready(function(){
    $('#camera_wrap').camera();
});

Answer 4

我更新了这个插件。它现在与jquery-1.10.2和无bug

兼容

截至2014年1月29日的最新版本：http://www.orangecountyseomarketing.com/projects/slider.html http://www.orangecountyseomarketing.com/assets/js/slider/camera.js

BUGS FIXED：

使用.on（）而不是.live（）;
解决了最新的jQuery版本
仍然可以包含带视频的iFrame，视频扩展到100％，视频可以播放任何主机，而不仅仅是vimeo或youtube

工作暂停和播放按钮。

希望这有帮助。

- Yamenator -

纯基本JQuery相机插件 - 不起作用

4 个答案: