1

所以,我不是 Jquery 的新手,但我是 Colorbox 的新手,我需要帮助。我一直在寻找一个 JQuery,它可以让我的图像在单击图像缩略图时像幻灯片一样播放(如 Jquery 灯箱,但带有幻灯片),我被告知要试用颜色框。它符合我的需要,但我'。得到一些..奇怪的结果。到目前为止,所有需要的文件都安装好了(我从http://www.jacklmoore.com/colorbox下载了软件并且目前已安装或至少尝试安装“示例 4”。所有文件和图像都已就位并已安装。但是,当我单击缩略图时,会显示颜色框,但没有图像,并且此特定 jquery 附带的边框/角等都被打乱了,我正在 Mozilla 中查看测试页面。我尝试发布代码..但这件事让我很难过。希望有人知道我在说什么。

感谢您的帮助,并为冗长的说明感到抱歉..只是希望尽快解决这个问题..这让我头疼。

4

2 回答 2

0

好吧,我想你可能想花一些时间在它的初学者指南页面上,并尝试更好地理解 colorbox 插件。以下是指南页面中的示例代码。

<!doctype html>
<html>
    <head>
        <link rel="stylesheet" href="colorbox.css" />
        <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
        <script src="jquery.colorbox-min.js"></script>
        <script>
            jQuery(document).ready(function () {
                jQuery('a.gallery').colorbox({ opacity:0.5 , rel:'group1' });
            });
        </script>
    </head>
    <body>
        <a class='gallery' href='image1.jpg'>Photo_1</a>
        <a class='gallery' href='image2.jpg'>Photo_2</a>
        <a class='gallery' href='image3.jpg'>Photo_3</a>
    </body>
</html>

这可能是您开始时所需的全部内容,然后您可以随时修改它,例如向颜色框添加更多选项、更改 HTML 等。您可能需要更多地关注外部资源的 URL(放置 css &本例中根目录下的colorbox-min.js)

另外,既然您使用的是Firefox,为什么不安装Firebug Add-on进行调试。如果您看到任何错误,您可以在此处发布错误。

于 2012-10-27T02:09:37.387 回答
0

我有同样的问题。原来我从旧网站复制了一些代码,所以我仍在加载 jQuery 1.4.2

最新版本的颜色框​​不适用于低于 1.4.3 的 Jquery 版本(请参阅https://groups.google.com/forum/?fromgroups#!topic/colorbox/yFLOgvP20NI

在我更新了我的 jQuery 库之后,一切看起来都很好了。

于 2012-11-21T15:22:47.077 回答