Question

我正在使用历史插件，下面是我的代码：
1.当我点击链接时，浏览器地址栏显示-http：//.../test.html#gallery-1，如果将此地址粘贴到另一个窗口，它将不会自动打开fancybox，为什么？我错过了什么吗？

2.如何在＃？

之后更改名称

$(".subjectwrap").fancybox({
helpers : {
        history : true
    }
});

<a class="subjectwrap" href="#contentinline">
    <img src="img/test.jpg" height="200">
</a>

<div class="contentwrap" style="display:none" id="contentinline">
Lorem ipsum dolor sit amet
<img src="img/1.jpg" height="200">
</div>

http://jsfiddle.net/Tv3dA/

http://jsfiddle.net/Tv3dA/show/light

Answer 1

您必须设置图库的名称 - 添加＆＃34; rel＆＃34;或＆＃34; data-fancybox-group＆＃34;属性。您可以选择自己的名称，它将用作哈希（在＃之后）

<a rel="gallery" class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>

演示 - http://jsfiddle.net/FB7UW/

使用带有历史记录的FancyBox加载内联内容

1 个答案: