slideItMoo - schlanker Elementslider auf Mootools Basis
Hallo Community,
wie schon mal erwähnt arbeiten wir intern an einem neuen Content/Elementslider da wir mit den vorhandenen nicht ganz zufrieden waren und schon lange mit dem slideItMoo Script arbeiten.
Das ganze haben wir nun in eine kleine Extension verpackt und im ER veröffentlicht.
http://www.contao.org/erweiterungsli....10003.de.html
Einsatz der Extension
Nach der Installation ist im Artikel ein neuer Elementtyp verfügbar - "slideItMoo Start" enthält alle Konfigurationsmöglichkeiten:
- Anzahl der sichtbaren Elemente
- Breite und Höhe eines Elements
- Linker und Rechter Abstand eines Elements
- Effektdauer
- Autoplay (Automatische Slideshow aktivieren)
- Navigationsbuttons aktivieren
- etc
Zusätzlich bietet die Extension ein Art Standarddesign das man auswählen kann. Möchte man den Slider ganz alleine stylen kann man das natürlich gerne, einfach das Template garnicht erst aktivieren.
Leider gefällt mir die Ausgabe der Slideshow ohne Javascript noch so garnicht. Das wird auf jeden Fall im nächsten Release verbessert. Desweiteren sind noch weitere Templates geplant und die Option für einen vertikalen Slider.
Feedback ist wie immer gewünscht :)
Ergänzende Information:
SlideItMoo auf Contao-forge:
http://contao-forge.org/projects/slideitmoo
Liste der Anhänge anzeigen (Anzahl: 2)
Zitat:
Zitat von
jared
Dann bräuchte ich einmal einen Screenshot vom Backend. Ich muss sehen wie du den Slider konfiguriert hast und das Galerie-Template kann ich mir wahrscheinlich aus dem von dir zitierten PHP Code nehmen oder?
Genau, das Gallery-Template findest du oben im Code.
Hier 2 Screenshots aus dem Backend:
Liste der Anhänge anzeigen (Anzahl: 2)
Hallo jared,
ich poste den Screenshot gleich hier.
Live-Test dieser Einstellungen:
http://www.think-contao.de/slideitmoo.html
Sprich: Muss ich bei Texten eine CSS-Klasse vergeben und Breite und Höhe via CSS zusätzlich definieren?
Liste der Anhänge anzeigen (Anzahl: 1)
Hallo Jared!
Danke für deine Antworten.
Ich habe einen Screenshot von den EInstellungen angehängt.
1. die pfeile liegen jetzt über den fotos - perfekt danke!
2. hab ich nicht ganz verstanden - was du geschrieben hast - dh das gibt es so noch nicht?
3. so komisch reingerückt wegen der element-style-breite ist es immer noch
(http://temp.fabride.com/)
Ich habe einen Screenshot von den EInstellungen angehängt.
4. noch eine frage :o
ich hab jetzt um die Pfeile auf einen andere Position zu setzten in die Orignal-CSS-Datei eingegriffen - was natürlich nicht der beste weg ist, denn bei jedem update gehen die änderungen dann verloren. Jedoch hab ich es nicht geschafft mit der optionalen CSS-Klasse daran zu basteln.
Ich habe den Code in eine neue CSS-Datei kopiert - meinen CSS-Klasse jeweils davorgesetzt und Änderungen gemacht. (habe aber dabei bei den EInstellungen das TEmplate so belassen wie es jetzt auch im screenshot ist)
ich glaub das problem liegt an der ersten definition (denn ich bekomme die bilder aus der slideshow übereinander angezeigt)
HTML-Code:
@media screen,
projection
{
position:relative;
display:block;
margin:0 auto;
padding:0 0px;
}
> bin mir nicht sicher wo ich hier meine klasse hinzufügen muss (davor setzten hat nicht funktioniert)
edit 4. >> hab das gefühl dass die Klasse die man angeben kann gar nicht genommen wird (also einfach ignoriert wird!) übrigens passiert 3. nicht mehr wenn ich eine klasse eingebe!!
DANKESCHÖN!! schönen Tag
liebe grüße
karo
auch ein inserttag nutzbar?
hi jared,
hätt auch noch eine frage zum slider: ist es möglich/vorgesehen mit einem inserttag wie z.b.: *snipp* {{link_url::ID}}?slideTo=Elementnummer *snapp* möglich?
lgw
Navigation außerhalb des Slidebereichs
Ein herzliches Hallo!
Kann mir jemand auf die Sprünge helfen, wie ich den Inhalten des slideItMoo-Sliders eine Breite verpassen kann, um die Navigation links und rechts des Slidebereichs zu positionieren (momentan sliden die Elemente noch unter den Navigationspfeilen her)? Viele Versuche blieben bisher ohne Erfolg.
Link zum Projekt
Contao 2.9.4
slideItMoo 0.1.0beta2 Build 15
Navigation auf den Bildern
Hallo Jared,
tausend Dank für dieses wandelbare Leichtgewicht!
Ich bin ganz gut klar gekommen, nachdem ich gecheckt hatte, dass ich besser keine optionale CSS-Klasse angebe. Allerdings habe auch ich das Problem mit der Positionierung der Navigationspfeile.
Meine 4 Testbildchen sind 150 x 116 px groß. Wenn ich gemäß deiner Berschreibung 2 x 20 px für die Pfeile abziehe (Anzahl der sichtbare/zu verschiebende Elemente: 1) und als Breite entsprechend 110 px angebe, wird mein Bild auf die angegebene Breite von 110 px geclippt und die Pfeile bleiben daneben.
Was ich als linken und rechten Rand definiere, wird addiert und entfernt die Pfeile weiter von der Bilddarstellungsfläche, negative Werte beschneiden wiederum das Bild.
Du schreibst "Der Rest ist nur noch CSS". Sollten die Pfeile allein durch deine Extension über das Bild gelegt werden, oder muss dazu manuell per CSS nachgeholfen werden? (Bisher habe ich nur deine Ext. solo getestet, also noch keinerlei Zusatzformatierungen vorgenommen.) Irgendwie bekomme ich das noch nicht hin, obwohl dieselbe Frage ja nun schon ein paarmal hier behandelt wurde.
Grüße,
Anke