fancyBox和aspx c#集成

试着了解如何将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>

网站主页？还是每个单独的.aspx文件

这个怎么样：

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

$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox（）；
});

我假设这是html部分的内容：

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

---

您可以一次性将其放在母版页上，如果页面上没有任何fancybox类，则不会有任何问题

---

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

将其放在母版页上的

标记之间

<!-- 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>

$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox（）；
});

---

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

---

这是给你的

谢谢，我确实这么做了，它对图像效果很好。但是我无法让它用于链接，当我传递一个正常的http链接时，我不断得到“无法加载请求的内容。请稍后再试”。我这样称呼它：不是这样吗？同样的方法也适用于照片。好的，让它显示出来。有点它加载我想要的页面，但它做了一件奇怪的事情，然后它将页面移动到框架的一半，直到只看到一个角为止。已尝试autoSize/FitView true或false，但没有帮助。我靠得太近了，我可以看到页面加载得很好，然后页面跳出了框架的一半。看起来是这样的：现在它不适用于所有站点，所以它可能只是与特定站点相关。使用演示更新检查它，如果您仍然面临任何问题，请告诉我。我可以很好地显示照片。通过IFrame显示html链接时出现问题。我可以让它显示，但它会被推到弹出覆盖的角落。其他网站也可以，但我唯一需要的似乎是有问题的，你是否在文档的

部分包含了fancybox js和css文件？我在上面的代码中没有看到它们。请确保在加载jQuery js文件后执行此操作。