如何在url中显示基于变量的图像

当用户点击缩略图时，我正在使用画廊http://www.twospy.com/galleriffic/来显示缩略图和大图像。 你可以在这里看到它http://kimmelkids.com/kimmelkids/gallery/view-gallery/

我的问题是我知道jquery可以从url中获取变量，这就是gallerific如何更改图像。 但是当我将URL http://kimmelkids.com/kimmelkids/gallery/view-gallery/#leaf放入地址栏时，它应该转到图库中的图像，但事实并非如此。

是否有任何方法可以根据url进入地址栏进行画廊拉取图像？

Answer 1

是的， window.location.hash方便地为我们提供了URL末尾的＃标签。 你可以试试这个：

 $(document).ready(function() { // Which anchor is being used? switch(window.location.hash) { case "#leaf": // do something to show leaf break; case "#carrot": // do something to show carrot break; } }); 

..或者如果你想要你可以为每个图像分配一个特定的锚点（比如通过id =’leaf’或其他东西）并使用一些jQuery来对任何ID为window.location.hash图像进行操作。