Question

I am trying to figure out how to activate the callback in one jquery plugin called Ad-gallery: http://coffeescripter.com/code/ad-gallery/

Anyone is familiar with such script? I want to execute my custom function each time the image is changing but the script does not allow it or smth is wrong.

Here is a basic example of what i want to achieve:

  $(function() {

    var galleries = $('.ad-gallery').adGallery({
          effect:'fade',
          afterImageVisible:function(){
             alert('test');
          }

    });  

});

But this property seems not to work.

Maybe someone has an idea.
Thank you.

Answer 1

You should wrap afterImageVisible to look like this:

  $(function() {

    var galleries = $('.ad-gallery').adGallery({
          effect:'fade',
          callbacks: {
             afterImageVisible:function(){
                alert('test');
             }
          }

    });  

});

About $(this) from the comment:

$(function() {
    $('.ad-gallery').each(function(){
        $(this)..adGallery({
              effect:'fade',
              callbacks: {
                 afterImageVisible:function(){
                    alert('test');
                 }
              }

        });
        $(this).DO_SOMETHING_TO_SPECIFIC_ELEMENT;
    });
});