1

我正在尝试使用 Shadowbox 插件 (http://www.shadowbox-js.com) 创建一个图片库。
所以我在创建画廊时遇到了问题，这个问题是：每当我点击显示它开始加载的图像的链接（实际上是缩略图）时，没有图像只显示一个黑色窗口。
我使用的链接： 

<a href="http://localhost/myProject/images/10.jpg" rel="shadowbox"><img src="http://localhost/myProject/thumbnails/10.jpg" class="thumbnails"/></a>

脚本/链接/初始化：
这些导入正在工作，我通过使用（在 Chrome 中）检查元素-> 网络来验证它。

<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script> 
<script type="text/javascript">
        Shadowbox.init();
</script>

注释：
1-我使用 Shadowbox 作为 jQuery 插件（不是独立的）。
2-jQuery 使用 Google（不是本地）导入我的网站。
3-真实图像尺寸为3000x2400。
编辑：
4-我意识到当右键单击->检查元素（在chrome中）时，会显示图像（但不是以正确的方式，只显示了一半）。
5-显示图像设置时handleOversize（drag必须单击）。
6-它在 IE 9 中运行！

4

5 回答 5

0

您是说图像在浏览器中显示不正确？

这可能意味着文件已损坏。尝试重新保存它。

我已经使用 Shadowbox 很长时间了，类似的问题总是由坏文件或文件权限设置不正确引起的。

于 2012-05-22T19:59:24.567 回答
0

由于您提供的示例是local host，因此我只能提供一般指导，而不能确切地告诉您问题所在。一个链接肯定会受到欢迎。

首先，确保您对jQueryshadowbox.js的调用在对文件的调用之前。

除此之外，我确信您已经为网页提供了有效的!DOCTYPE信息，这使您的 Shadowbox 标记在我目前所见的情况下是正确的。

问题可能出在使用jQuery和您的thumbnails.

如果jQuery修改了具有特定样式的链接，Shadowbox 可能会受到其锚标记的任何更改。

然后这些更改将导致 Shadowbox 每个链接元素看不到原始链接，因为它现在是一个 jQuery 链接。它需要被 Shadowbox 重新缓存。

解决方案：尝试在对 的Shadowbox.init任何修改thumbnail完成后调用 ，以便 Shadowbox 缓存一次链接，或者如果需要，使用 Shadowbox API.clearCache();并.setup();重新缓存这些rel锚点。

我还应该提到，您应该确保 Shadowbox 具有 jQuery 适配器接口，这是一个下载选项或 WordPress 插件选项。

于 2012-05-22T20:25:51.893 回答
0

我找到了解决方案，它不在 DOCTYPE 或浏览器甚至我的 JS 代码中！
问题出在CSS.
设置direction为right to left(rtl)（是的，网站是阿拉伯语）。
导致图像被隐藏，也许是因为图像正确而我看不到它。

于 2012-05-23T11:31:01.677 回答
0

这是一个古老的问题，但没有人正确回答这个问题。解决方案在这里：只需在 shadowbox.css 中用“right”替换“left”值，用“left”替换“right”值

于 2015-04-23T08:55:36.683 回答
-3

打开 shadowbox.css 并设置direction:ltr为#sb-container

于 2015-02-04T11:58:56.773 回答