按照官方的Shadowbox使用说明,我仅添加了几行CSS / JS:


<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init(
  {players: ['img', 'swf', 'qt']}
);
</script>
</head>



使用相关的HTML:


<div id = "animations">
<a href="gallery/animations/lipsync_websized.swf"
rel="shadowbox[animations]; height=675; width=1200;"><img
src="gallery/animations/lipsync_thumb.png" title="Lipsync Animation"></a>

</div>



但是,当我单击缩略图时,它不会生成Shadowbox叠加层。取而代之的是,我的浏览器跟随一个指向动画的普通链接。

我还尝试了Lightbox,Greybox和Lightbox2,在此问题上工作了大约十二个小时。我对Javascript对象和类的理解非常有限。 Web开发不是我的职业道路。

这个问题在Internet上很少见,而回答线程的情况更罕见。它一定太基础了。

最佳答案

我已经在本地测试了您的代码,一切对我来说都很好。我想知道下载Shadowbox时是否包含“ Flash(swf文件)”播放器?那是唯一引起问题的东西

关于javascript - Shadowbox永远不会激活;链接只能正常工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8347431/

10-12 05:13