花式盒子不管用
Fancybox won't work
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="../../fancybox/source/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="../../fancybox/source/jquery.fancybox.css" type="text/css" media="screen"/>
</head>
<body>
<a id = "single_image" href = "images/decoration/bottom4.jpg"><img src="images/decoration/bottom4.jpg" alt=""/></a>
<script type="text/javascript">
$(document).ready(function(){
$("a#single_image").fancybox();
});
</script>
</body>
</html>
我试图让fancybox显示图像,但它只是保持链接到外部的图像。这是我的代码的非常缩短的版本,但它仍然不能正常工作。通常,这个问题是由两次加载jQuery引起的,但这里的情况似乎不是这样。
一定要使用这里给出的说明http://fancyapps.com/fancybox/
工作代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" href="../../fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="../../fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
</head>
<body>
<a class="fancybox" rel="group" href="images/decoration/bottom4.jpg"><img src="images/decoration/bottom4.jpg" alt="" /></a>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
</body>
</html>
相关文章:
- 特殊'浮点'在马赛克盒子
- 如何把我的盒子总是放在窗户中央
- 我如何在我的流星应用程序中更改盒子的高度
- 使用绝对位置循环形成 9 个盒子
- 类似Facebook的盒子-控制流中出现的内容
- 类似Facebook的盒子流
- jQuery.ripples包含在一个盒子/表中
- 如何使收音机显示为标题?另外,我如何让收音机决定下一个盒子
- 花式盒子3.0标题在顶部
- 推特是如何实现其推特盒子的
- 将联系人表格集成到一个花哨的盒子中
- 盒子阴影和其他颜色效果不适用于mozilla firefox
- 如何匹配其他一切,但不管它是什么's与regex匹配
- 通过javascript减少一个框中的金额,并将相同的值动态递增到另一个盒子
- 相同高度盒子的优雅解决方案
- vis.js在盒子节点内添加一个小圆圈
- 通过正则表达式从盒子阴影中获取每个值
- 保持花哨的盒子打开ajax错误
- 有一个带有文字的红色虚线框.如何定位当前日期(在 JavaScript 中?在那个盒子里
- 一次改变一个盒子的颜色,而不是两个