Question

I am trying to find in the Galleria JavaScript file a place where I tell it to run a JavaScript function every time the current picture is changed (prev, next, or clicking on a thumbnail)

Does anyone with experience with galleria have any ideas?
http://galleria.io/

Answer 1

When you set up your Gallery bind to the image function and you will receive the event every time the image changes. I use it to load text into another area of my page like so.

Galleria.ready(function() {
this.bind(“image”, function(e) {
$(“#text_div”).text(arrayOfText[e.index]);
});
});

To make sure you have things setup correctly use it like this,

Galleria.loadTheme(‘galleria/themes/kscreates/galleria.classic.js’);
Galleria.configure();
Galleria.ready(function() {
this.bind(“image”, function(e) {
console.log(e.index);
});
});
Galleria.run(‘#galleria’);

and have a look in your Safari console and you will see the index of the currently displayed image.

Hope this helps.