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

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

根据需要包含指向脚本的链接和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>

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

任何建议,并提前感谢。

有帮助吗?

解决方案

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

其他提示

尝试包含这一个:

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

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

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top