Jquery 和 ShadowBox答案

【问题标题】：Jquery and ShadowBoxJquery 和 ShadowBox
【发布时间】：2009-09-15 16:14:33
【问题描述】：

我无法使影子盒工作...我有一个静态 html 页面，其中包含一个图像，可作为在影子盒中打开 swf 的链接。但是，当我单击图像时，它会像浏览器中的任何其他图像文件一样打开 swf。影子盒似乎根本不起作用。

这是我的 html 页面。我正在使用 shadowbox-build-3.0b。奇怪的是，这个编辑器不允许新用户在编辑器的 html 代码中使用 image 标签。所以我把我的换成了图片。

<html>
  <head>   
 <script type="text/javascript" src="js/jquery.js"></script>
 <script type="text/javascript" src="shadowbox-build-3.0b/adapters/shadowbox-jquery.js"></script>
 <script type="text/javascript" src="shadowbox-build-3.0b/shadowbox.js"></script>
 <link   type="text/css"    href="shadowbox-build-3.0b/shadowbox.css" rel="stylesheet" media="screen">
 <script type="text/javascript" src="shadowbox-build-3.0b/languages/shadowbox-en.js"></script>
 <!-- Begin Shadowbox JS -->
 <script type="text/javascript">
  jQuery(document).ready(function () {
   Shadowbox.init({
    language:   "en",
    players:    ["image"]
   });

  });
 </script>
 <!-- End Shadowbox JS -->

  </head>
  <body>
  <a href="LightBoxFiller.swf" rel="shadowbox[Mixed];width: 800;height: 600;"><image src="imagewithplaybutton.jpg" ></a> 

  </body>
</html>

【问题讨论】：

标签： javascript jquery html shadowbox

【解决方案1】：

嗯。我自己没有使用过 shadowbox，但是如果您查看页面建议您设置 shadowbox 的方式，似乎有些事情是错误的。

据我了解，您希望在单击图像时打开 swf 文件；那你不应该将 player: 设置为 swf 吗？

您的代码也不会显示您的 img 周围是否有链接以及该链接是否具有 rel="shadowbox" 属性。

我想应该是这样设置的：

<script type="text/javascript">
Shadowbox.init({
    language:   "en",
    players:    ["swf"]
});
</script>
<a href="myflashfile.swf" rel="shadowbox"><img alrt="click here to open swf file" src="imgofflash.jpg"/></a>

【讨论】：

【解决方案2】：

Shadowbox.init() 不应该在 document.ready() 中。它应该在页面加载时执行。

【讨论】：