Fancy Box不起作用,请帮忙

时间:2009-10-22 19:51:25

标签: javascript html fancybox

我最近遇到了位于here的精美盒子,我完全按照说明中的每一步操作,但它不起作用,任何人都知道可能是什么问题?

以下是我的网页来源示例:

根据需要包含指向脚本的链接和CSS:

<script src="jquery.fancybox-1.2.1/jquery.fancybox/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="jquery.fancybox-1.2.1/jquery.fancybox/jquery.fancybox-1.2.1.js" type="text/javascript"></script>
    <link href="jquery.fancybox-1.2.1/jquery.fancybox/jquery.fancybox.css" rel="stylesheet"
        type="text/css" />
    <link href="css/main.css" rel="stylesheet" type="text/css" />

然后这应该只是起作用:

<a id="single_image" href="images/279641.jpg"><img src="images/279641.jpg" /></a>

但除了在新窗口中打开图像外,它似乎没有做任何事情。

任何建议,并提前感谢。

3 个答案:

答案 0 :(得分:4)

您忘记在手册“使用jQuery选择器的Fire插件”中实现第4步(现在是第5步)

答案 1 :(得分:0)

尝试包含这一个:

$(document).ready(function() {
 $("a#single_image").fancybox({
 'titleShow' : false
 });
});

答案 2 :(得分:0)

尝试查看您在html页面中实现的另一个javascript / jquery插件。导致某些jquery插件与fancybox发生冲突。这个对我有用。