1

试图了解如何将 fancyBox 与 aspx c# 网站集成。例如这段代码在哪里：

<!-- Add jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

Site.master 页面？还是每个单独的 .aspx 文件？

这个怎么样：

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
</script>

我假设这在 html 部分：

<a class="fancybox" rel="group" href="big_image_2.jpg"><img src="small_image_2.jpg" alt="" /></a>
4

3 回答 3

1

你可以把它放在Master页面上一次，如果页面上没有任何fancybox类也没有问题。

所有脚本代码，在母版页上，html 代码可以在任何地方（母版或其他使用母版的页面）。

于 2012-04-05T13:49:28.337 回答
1

将其<head>放在母版页上的标记之间。

<!-- Add jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

我会把它放在你的页面上

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
</script>

然后是您需要的链接和图像等。

于 2012-04-05T13:52:52.837 回答
1

当您下载了fancybox 后，它附带了一堆示例，请右键单击.html 页面并查看源代码，以便您更轻松地使用它们。

这是 给你的演示

于 2012-04-05T14:17:43.627 回答