onChange aus slideItMoo nutzen

Hallo Andreas,

ich würde gern im Contao-Template die Original slideItMoo Funktion bzw. Option "onChange" einsetzen funktioniert aber nicht wie gedacht...

Ich habe zunächst das Slider-Objekt "nach Aussen geführt" - siehe return this.options.slider; in /modules/slideitmoo/html/js/slideitmoo_scr.js

Code:

---


  run: function()
  {
    var self = this;
    if(this.options.enabled)
    {
      // Create real slider
      this.options.slider = new SlideItMoo(this.options.sliderAttr);

      // Set or remove styles
      if(!this.options.sliderAttr.skipInlineStyles && !this.options.sliderAttr.isResponsive)
      {
        this.setPixelStyles();
      }
      else {
        Object.each(this.options.childAttr, function(value, key){
          self.options.childAttr[key] = null;
        }.bind(self));
      }
     
      // Set responsive styles
      if(this.options.sliderAttr.isResponsive) this.setPcentStyles();
     
      // Add swip event
      if($$('body')[0].hasClass('mobile'))
      {
        this.addSwipeEvent();
      }

      this.setAllContainerStyles().addResizeEvent();
     
      return this.options.slider;
    }
  },

---

und im Template

Code:

---

<script type="text/javascript">
        window.addEvent('domready', function(){
          var slide_slider_1 = new ExtendedSlideItMoo({
                  "containerId":"slider_1",
                        "containerChildsId":"#slider_1 .product",
                        "sliderAttr":{"itemWidth":92,"itemHeight":99,"showControls":true,"overallContainer":"slider_1",
                        "elementScrolled":"slider_1_inner",
                        "thumbsContainer":"slider_1_items",
                        "itemsVisible":"9",
                        "elemsSlide":"1",
                        "itemsSelector":".product",
                        "skipInlineStyles":false,
            "skipNavSize":false,
            "isResponsive":false,
            "autoSlide":false,
            "navs":{"fwd":".slider_1_fwd","bk":".slider_1_bk"},
                        "duration":400,
            "transition": "Fx.Transitions.Cubic.easeOut",
                    "mouseWheelNav":true},
                        "childAttr":{"marginTop":"0px",
                        "marginRight":"px",
                        "marginBottom":"px",
                        "marginLeft":"0px",
                        "width":"92px",
                        "onChange": function( index ){alert(index);} }}).run();
        });
 
</script>

---

siehe Demo "fancy_slider" von slideItMoo...

Ziel:
* ich möchte die Navigationsbuttons ausblenden wenn das Element 0 an 1. Pos und letzte Element an letzter Pos. steht
* Cookie setzen

Gruss

PS: Danke für den Swipe!