I'm trying to get shadowbox to work within Galleriffic. I've gotten it to the point where the first item that is selected on the page will work just fine, however, any other selection will result in the image opening up normally without shadowbox.
If you select the "Zoom Image" text on the right when you first arrive on the page, shadowbox will work. If then, you select any of the thumbnails from the left, shadowbox will stop working when you click the "Zoom Image".
Any ideas? I've seen people with similar issues before.
- You load on head any necesary libraries.
- You configure shadowbox with setup after the DOM is ready. (This is what makes you first popup class "zoom image +" link works).
- You click on a thumb that dynamically changes the galleriffic image. So this dynamic one with his own "zoom image +" link is not configured for shadowbox. And this is why it is not working.
I don't know how to explain it better.
What you would need to do is one of two things:
Yes your solution looks good, using the onclick event.
The idea was to use shadowbox.open. That's what solves your issue.
Anyway I think you don't have correct syntax on open function. Doesn't it have to be this way?:
You are probably right on both accounts, lol. I'm not going to question why it works this way.