How to display image based on variable in url

Question

I am using gallerific http://www.twospy.com/galleriffic/ to display thumbnails and large images when a user clicks a thumbnail. You can see it in action here http://kimmelkids.com/kimmelkids/gallery/view-gallery/

My question is I know jquery can grab variables from the url and that is how gallerific changes images. But when I put in the url http://kimmelkids.com/kimmelkids/gallery/view-gallery/#leaf into the address bar it should go to the image in the gallery but it doesn't.

Is there any way to have gallerific pull up the image based on the url enter into the address bar?

Nick · Accepted Answer · 2011-04-18 23:59:53Z

2

Yes, window.location.hash conveniently gives us the hashtag at the end of the URL. You could try this:

$(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;
  }
});

..or if you want you could assign a specific anchor to each image (like through id='leaf' or something) and use some jQuery to just act on any image with the ID of window.location.hash.

answered Apr 18, 2011 at 23:59

Nick

4783 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to display image based on variable in url

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related