按照官方的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/