I would love to have thumbnails below the open image from the selected gallery.
How can I modify the script so that I can send a proper thumbnail link to the following location in the script? I could send the thumb-link in the "rel" attribute and use jquery selectors to find the image-links.
Unfortunately I am not a JS programmer...
I did this change in the shadowbox.js just to see how it would look like:
Re: Can this be done? Put thumbnails below open image
I think what you are asking is for Shadowbox to not rebuild the 'counter' (your thumbnails in this particular case) if the user is simply selecting another image from within the gallery currently on display?
Is that right?
If so, the only problem here is that the buildBars() function that constructs the 'counter' assigns a class of 'shadowbox_counter_current' to the current sequence number (thumbnail).
If the counterType is skip and there is no counterLimit set, then it should be possible to just have a bit of code that switches the shadowbox_counter_current class around (from wherever it currently is, to wherever it should be). There would have to be private switch - set in change(), cleared in open() - that buildBars could check for.
Combine literacy with curiosity and a whole world of information opens up to you
We recently implemented some similar changes to our web site at http://www.arcteryx.com (can be found by opening a video off the home page, or photos off the news pages, athlete pages, or product pages).
Day 1 we saw a significant shift in navigation trends in how people navigated galleries:
only 29% of "change" events were triggered by the traditional navigation arrows
28% of change events were triggered by the navigation overlay on top of the image (similar to other lightbox scripts)
43% of change events were triggered by thumbnails
Not sure if this would be similar using the regular "skip" counter, but I think people are going to be much more likely to click on a nice thumbnail (knowing as well what they're going to get), than a number or an arrow.