Fancybox:更改地址栏中的URL并链接到打开的Fancybox页面的链接

基本上,我需要的是获取fancybox链接以将地址栏中的URL更改为以下内容: www.website.com/page/#lightbox

此外,如果我访问www.website.com/page/#lightbox ,那么与该链接相对应的灯箱将自动打开。

一个很好的例子是在这个网站: http : //www.rudirakete.de/rudirakete/main#2008-10-5-1524260693

诀窍是根据一些标签创建一个显示所需内容的function。 最简单的方法是使hashtag的值也是你要在fancybox中显示的页面上的某个元素的ID(尽管不是必需的)。

然后,只需使用hash标签作为链接hrefs,不要在这些链接上使用jQuery的preventDefault()函数。 这样,这些链接将改变URL栏,附加您设置为其href值的哈希标记。 然后,附加function以将fancybox显示到这些链接。

最后,使用location.hash的值作为参数调用该函数。

刚刚把它作为一个简单的例子。 似乎做你想要的。

             

Show 1

Show 2

This is a test
This is another test