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!