Question

我已经查看了这里的所有问题和答案......仍然无法弄明白......

上的说明进行操作

我试图让这个fancybox工作的测试页面是http://www.beautybycrystalanne.com/118vpb.html

只有一张照片。当我点击它时，会打开一个常规的jpeg页面。

连连呢？请？！？

Answer 1

为fancybox弹出窗口分配链接时，您需要使用分配有fancybox功能的类或ID。

1）安装JQuery，然后在您网站的HEAD部分中引用它（或者从这里引用它：https://developers.google.com/speed/libraries/devguide#jquery）

2）添加Fancybox，方法是下载并在网站的HEAD部分引用它。（在这里下载fancybox：http://fancyapps.com/fancybox/#license）

3）创建链接元素，其href属性将包含您希望在fancyBox中打开的元素的路径。

然后你可以通过在包含上面提到的link元素的页面上包含它来调用fancybox jquery函数：

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