Jquery - Почему JS на этом не работает после добавления этих строк?

Question

Я пытаюсь сделать обратный вызов в jcarousel, где после того, как изображение становится видимым, запускается эта функция.

увы, как только я попробую, он перестает работать js и ничего не происходит.

Кто-нибудь может указать, что может быть не так?

ура

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
    easing: 'backout',
        animation: 1000,
    vertical: true,
        scroll: 1,
    itemVisibleInCallback: {onBeforeAnimation: itemVisibleIn}, 
       });
});

function itemVisibleIn(){
    $("#gallerydescription").html( $(this).attr("alt"));  }, 
  function () {
    $("#gallerydescription").html("");
  }
);
 });
}

 </script>  

http://sorgalla.com/projects/jcarousel/ <- документация </p>

Answer 1

ОК, я, наверное, вижу, в чем здесь проблема.Должно работать:

jQuery(document).ready(function() {
  jQuery('#mycarousel').each(function(){
    $(this).jcarousel({
      easing: 'backout',
      animation: 1000,
      vertical: true,
      scroll: 1,
      itemVisibleInCallback: {
        // this line binds actual element ("this" from actual function)
        // as "this" for callback function
        onBeforeAnimation: function(){ itemVisibleIn.apply(this,arguments); }
      }
    });
  });
});