fancybox - Fancybox 在新页面中打开图像

Question

我已经检查了这里的所有问题和答案......仍然无法弄清楚......

我按照http://www.youtube.com/watch?v=Suxu_nG7R1M上的说明进行操作

我试图让这个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) 通过下载并在您网站的 HEAD 部分引用它来添加 Fancybox。（在这里下载fancybox：http: //fancyapps.com/fancybox/#license）

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

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

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