Question

我正在使用ContentFlow JS脚本（http://www.jacksasylum.eu/ContentFlow/index.php），我也在使用ShadowBox（http://www.shadowbox-js.com/index.html）AddOn。

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

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

我经常不这么说，但在IE9中它运行良好：）

由于ShadowBox JS是压缩的，因此我无法真正看到它。我唯一要做的就是＆＃34; aG未定义＆＃34;来自萤火虫。

我尝试过下载ShadowBox独立版，但也尝试使用jQuery适配器。两者都是如此。

有什么想法？

提前致谢。

Answer 1

如果您只打算在自己的域中显示图片，则在您的Shadowbox版本中有正确的选项。但是，如果您需要更多内容，则需要使用基本适配器， CSS选择器重新下载Shadowbox，我建议所有玩家直到你发现你不需要的东西。

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

此外，您使用Shadowbox demo的方法初始化您不需要的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的大小适合流量播放器。如果您有任何其他问题或需要帮助，请询问。

内容流和Shadow Box在Firefox中不起作用

1 个答案: