JQuery Image Gallery Tweak

[otronics]

Hi.

I am in need of help with an image gallery.

At present in the gallery, when you click on the main image, it takes you to another page.

All the big images link to other pages.

What I would like is for the Thumbnails to do the same - link to the other pages and not scroll when clicked on.

Tried tweaking the code behind it myself and no luck yet.

Any ideas?

Many thanks.

Edited June 30, 2014 by otronics

[justsomeguy]

If you search through the gallery code for "gv_thumbnail" you should be able to find the places where it assigns event handlers to the thumbnail images.

[otronics]

Thanks for this.

 

What code would I need to add/adjust exactly?

[justsomeguy]

Somewhere in there it is going to assign a click handler to those elements. You can change that click handler so that it opens the image instead of doing whatever it's doing now.

[justsomeguy]

The click handler for the thumbnails gets assigned on line 873. The call to self.showItem is what changes the big image. The updateClickable function on line 918 is what runs when you click on the big image.

[otronics]

So, do I need to copy the updateClickable to the filmstrip images call function?

 

Sorry - learning about JQuery and am finding it difficult so far!

[justsomeguy]

Start by studying the updateClickable function so that you can understand what it's doing. It would probably help to use breakpoints for that, in your browser's developer tools. Use the script tab to look at that code, and set breakpoints on each line. When the function runs it will stop at each breakpoint and you can check things like what the various variables are set to and you can trace through the code to see what path it takes and what it does. Once you understand how the function works, then you can copy the parts that you need to the other one. I doubt it would work to copy the exact code and expect everything to work the same. I used breakpoints though to verify that those were the functions that ran when you click on something.