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 回答