Die Contao-Erweiterung SlideItMoo ist ein gertenschlankes, vielseitiges Tool, um Inhalte (nicht nur Bilder!) ansprechend sliden zu lassen. Standardmäßig befinden sich die Navigationspfeile außerhalb der Präsentationsfläche - was tun, um sie nach innen zu setzen?

Beispiel:

Bilder haben eine Breite von 800 px und sollen als Vorschaubild im SlideItMoo mit einer Breite von 300 px dargestellt werden. Dazu setze ich Inhaltselemente vom Typ "Bild" zwischen das Start- und End-Element des SlideItMoo, und gebe eine Preview-Göße von 300 px an.

Im SlideItMoo-Start-Element gebe ich ins Feld "Breite und Höhe eines Elements" ebenfalls 300 px ein.

Meinem Stysheet füge ich zwei Formate hinzu, mit denen ich die SlideItMoo-Styles overrule:

#slider_1 {width:300px !important;}
.slider {padding:0 0}

Erklärung: SlideItMoo addiert für die Pfeile 50 px zur angegebenen Bildbreite hinzu und gibt als Inline-Style also 350 px an, die ich mit der ersten Definition auf die gewünschten 300 px zurücksetze. Damit die Pfeile nicht direkt am Bildrand kleben, setzt SlideItMoo zusätzlich einen Rand (Padding) von 20 px, den ich mit der zweiten Definition rausnehme.

Hier das SlideItMoo zur Asicht.