javascript - Jquery 和 ShadowBox

标签 javascript jquery html shadowbox

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

这是我的 html 页面。我正在使用 Shadowbox-build-3.0b。奇怪的是,这个编辑器不允许新用户在编辑器的 html 代码中使用图像标签。所以我把我的改为图像。

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

最佳答案

嗯。我自己没有使用过shadowbox,但是如果你看看页面建议你设置shadowbox的方式,似乎有些东西是错误的。

据我了解,您希望在单击图像时打开 swf 文件;那么你不应该将players:设置为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>

关于javascript - Jquery 和 ShadowBox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1428145/

相关文章:

java - 将 Jquery 事件附加到 JSF 数据表

javascript - 如何链接 Sequelize model.create() promise 以便它们按顺序执行?

javascript - 根据链接的内容更改输入字段值

jQuery 检查文本是否到达边框

javascript - 动态隐藏/显示 anchor

html - 如何对齐彼此相邻的div?

javascript - token '==' 是意外的 ngClass

javascript - 我想创建两个具有相同样式的选项卡,但 js 不起作用

jquery表单验证不允许用户名字段有空格?

html - 3D变换CSS3导致文字和图片模糊