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

时间:2011-04-18 21:51:19

标签: javascript jquery

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

看到它的实际效果

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

有没有办法让画廊根据网址进入地址栏来提升图像?

1 个答案:

答案 0 :(得分:2)

是的,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的任何图像。< / p>