BannerSlider - Beenden der Animation

Nutzen Sie das BannerSlider-Event wOnAfterSelectListEntryBannerSlider um die Animation des Banners anzuhalten.

In folgendem Anwendungsfall wird ein Banner eingesetzt, der ein Video abspielt. Nach dem Wechsel auf den nächsten Banner, soll die Animation beendet werden.

Nach dem Wechsel des Banners, wird das Event wOnAfterSelectListEntryBannerSlider aufgerufen, das in der design.js definiert werden kann.

Beispiel: Beenden der Banner Animation nach dem ersten Banner-Wechsel

/* 
* Event, das nach dem Wechsel des Banners angestoßen wird 
*/
wOnAfterSelectListEntryBannerSlider = function(listId){
  var bannerObject = jQuery('#bannerSlider_' + listId);

  /*
  * Abfrage der data-Attribute des BannerObjektes, 
  * In diesem Fall soll die Animation nach dem 1. Wechsel beendet werden
  */
  if(bannerObject.attr('data-numberchanges') > 1 && bannerObject.attr('data-numberentries') == bannerObject.attr('data-numberchanges')){

     /*Fade-Time deaktivieren*/
     bannerObject.attr('data-fadetime', '').attr('data-animation-active', '0');  

     /*Intervall des BannerObjectes löschen*/
     window.clearInterval(window.bannerSliderObjects[listId]['interval']);

     /*Mouse-Events lösen, sonst startet der Banner danach wieder*/
     jQuery('#bannerSlider_' + listId + ' .listEntries').unbind('mouseenter');
     jQuery('#bannerSlider_' + listId + ' .listEntries').unbind('mouseleave');

  }
  return false;
};
Zurück zur Übersicht