1

我正在使用 ContentFlow JS 脚本 ( http://www.jacksasylum.eu/ContentFlow/index.php )，并且我还在使用 ShadowBox ( http://www.shadowbox-js.com/index.html ) 插件。

http://salts-studios.com/resources/contentflow/

ContentFlow 工作正常，但是当您单击图像时，它不会加载 ShadowBox。

我不经常这么说，但在 IE9 中它工作正常 :)

由于 ShadowBox JS 是经过压缩的，因此我可以真正看到的东西并不多。我必须在萤火虫的“aG未定义”中继续进行。

我尝试过独立下载 ShadowBox，但也尝试使用 jQuery 适配器。两者都发生同样的情况。

任何机构任何想法？

提前致谢。

4

1 回答 1

0

如果您只计划显示来自您自己域的图像，那么您在 Shadowbox 版本中具有正确的选项。但是，如果您需要更多的东西，您将需要使用Base Adapter和CSS Selectors重新下载 Shadowbox ，我推荐All Players，直到您发现不需要的东西。

然后，您需要正确安装 Shadowbox。我注意到您在安装时更改了shadowbox.js文件名，请更改为默认名称，因为 Shadowbox 按名称查找该文件。

此外，您使用了 Shadowbox 演示的方法来初始化不需要的 Shadowbox。相反，请查看正确的格式：

<!-- Install Shadowbox -->
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css" />
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>

<!-- Initialize Shadowbox -->
<script type="text/javascript">

    Shadowbox.init();

</script>

接下来，如下更新您的 HTML，因为 Shadowbox 使用的是锚标签，而不是 img 标签。您的CSS 样式可能会影响正常操作，因此请使用pic0.jpg直到 Shadowbox 打开并显示图像。理想情况下，使用与其他图像非常不同的图像，以便于发现。

  <div class="item">
    <a href="pics/pic0.png" rel="shadowbox" title="Optional Shadowbox Title">
      <img class="content" src="pics/pic0.png"/>
    </a>
    <div class="caption">pic0: some stripes</div>
  </div>

上面的锚链接可以包含您的图像的高清版本，而 pic0.png 的大小适合流播放器。如果您有任何其他问题或需要帮助，请尽管提出。

于 2012-05-30T11:32:19.513 回答