MooTools Slideshow

Bei der einfachen Implementierung einer Slideshow mit Hilfe der Javascript-Bibliothek MooTools kann es bei neueren Joomla-Installationen und damit auch neueren MooTools-Bibliotheken zu Problemen kommen. So wird in MooTools ab Version 1.4.0 die "setters"-Syntax wie z.B. Element.setOpacity() und Element.set('opacity') nicht mehr unterstützt.

 

Die einzig richtige Schreibweise ist nun

 

Element.setStyle('opacity')

 

bzw. z.B.

 

Element.setStyle('opacity',0)

 

Bleibt man bei der alten Schreibweise, führt dies dazu, dass die Bilder des Sliders initial nicht versteckt werden (wie vorgesehen, Ausnahme: 1. Slide) und als "erstes" Bild das letzte Bild angezeigt wird, da über allen anderen liegend. Mit der neuen Schreibweise kommt man zum gewünschten Ergebnis. Wenn man noch eine Lightbox-Funktionalität integriert hat, so ist es noch besser, die Bilder (außer: 1. Slide) zu verstecken mit

 

img.set('tween', {duration:0}).fade('out');,

 

da allein durch Element.setStyle('opacity',0) kein Durchgriff auf das erste Element möglich ist ("fade('out')" bewirkt zusätzlich ein "visibility:hidden").

 

Gleiches gilt übrigens ab MooTools 1.4 auch für die "getters"!

 

Getestet in Joomla 3.6.3.