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