Nivo Slider unter Contao nutzen

**buchbergertom** · 20.10.2010, 09:20

Da ich vom JQUERY Nivo Slider (http://nivo.dev7studios.com/) recht begeistert bin, habe ich diesen in einem neuen Projekt mal versucht unter Contao nutzbar zu machen. Das ist im Frontend mit der JQUERY noconflict Methode auch nicht wirklich schwierig.

Nun bin ich aber auf der Suche nach einer Möglichkeit die Slidebilder aus einem Artikel, Katalog, Seite,... wie auch immer direkt in den NivoSlider einzufügen.

Das selbe wäre natürlich auch mit Caption bzw. einer HTML Caption sehr hilfreich!

Denkbar wäre z.B. per Inserttag ein Content Element Bild eintragen, aber idealerweise ohne die ganzen Contao CSS Container etc.

Wer hat dazu Ideen, Vorschläge,.... und kann mir evtl. den richtigen Denkanstoß geben???

danke, tom

**Wichteldesign** · 20.10.2010, 11:40

Ich denke da würde es Sinn machen eine kleine extention dafür zu schreiben, die den Slider ordentlich einfügt und mit den Werten entsprechend füttern.

**buchbergertom** · 20.10.2010, 14:11

Erweiterung wäre sicherlich sinnvoll - aber da verstehe ich vermutlich zu wenig davon...

Inzwischen bin ich etwas weiter... Über ein Nachrichtenarchiv und angepasste Templates für news_short.tpl bzw. das mod_newslist.tpl funktioniert es schon mal. vielleicht kopiere ich die Newserweiterung und reduziere auf das Nötigste -- dann ist auch das angepasste Template für das Modul kein Problem. Derzeit ja schon, da bei allen News dieses mod_newslist.tpl von Contao gezogen wird.

Auch per inserttag für das Content Element Bild funktioniert es prinzipiell -- aber hier habe ich Probleme, da ich die ganzen Contao CSS Klassen mitbekomme, die mir den Nivoslider außer Kraft setzen.

**Andreas** · 20.10.2010, 17:05

Warum nicht direkt slideshow2 nehmen. Mit ein wenig CSS sieht der genauso aus wie dieser Nivo Slider. Müsste auch in etwa die gleichen Feature besitzen und ruckelt auch nicht so. Und mootools is eh schon drin.

Gruß

**planepix** · 20.10.2010, 17:13

Oder die Erweiterung CoinSlider, die auch diesen Treppcheneffekt hat...

**buchbergertom** · 21.10.2010, 00:02

Slideshow2 funktioniert zwar prima --- aber die Transition Effekte vom NivoSlider sind eben super!

Coinslider mit Treppcheneffekt klingt sehr sehr gut!!! Werd ich testen -- wär natürlich perfekt!! Auf so einen Tipp hatte ich gehofft... danke vorerst mal!

**planepix** · 21.10.2010, 00:06

Hier noch der Link (ist nur im engl. ER)

**buchbergertom** · 21.10.2010, 00:07

Uiui... Coinslider scheint Probleme zu machen! Nach Installation und Anpassung der Tabellen kommt gleich noch mal Tabellen anlegen... Führt man das durch ist die Seite vorerst mal hinüber. Scheint ein Problem mit der sql Datei zu sein... Muss ich mir noch genauer anschauen.

**planepix** · 21.10.2010, 00:15

hmm, ich hatte unter 2.9.1 keine Probleme, ggf. ein Konflikt mit einer anderen Erweiterung?

Demo

**buchbergertom** · 21.10.2010, 00:18

Hab auch die 2.9.1 laufen und auch der CoinSlider funktioniert einwandfrei! Aber Contao will immer die Tabellen neu anlegen bzw. löschen! Bin noch nicht so weit, aber ich werd mir mal die sql Datei ansehen...

***xchs*** · 21.10.2010, 00:56

Zitat von buchbergertom

Aber Contao will immer die Tabellen neu anlegen bzw. löschen!

Passiert das lokal oder auf einem Online-Server?

**buchbergertom** · 21.10.2010, 08:22

Passiert lokal!

**buchbergertom** · 21.10.2010, 08:29

Lösung offensichtlich gefunden!!!

Mit der SQL Datei der Erweiterung werden die Tabellen mit tl_coinSlider bzw. tl_coinPictures erstellt. Zumindestl bei mir lokal werden aber die Tabellen nur mit Kleinbuchstaben angelegt!

tl_coinSlider zu tl_coinslider und auch bei der Tabelle tl_pictures geändert und alles läuft prima!!

PERFEKT!! DANKE für die Hinweise!

***xchs*** · 21.10.2010, 09:02

Zitat von buchbergertom

Passiert lokal!

Interessant, mir ist das nämlich auch schon aufgefallen. Allerdings auch im Zusammenhang mit anderen Erweiterungen.

**BugBuster** · 21.10.2010, 09:08

Ist dieses Verhalten betriebssystemabhängig?
Ist mir unter Linux noch nicht passiert bisher.

***xchs*** · 21.10.2010, 09:10

Zitat von BugBuster

Ist dieses Verhalten betriebssystemabhängig?
Ist mir unter Linux noch nicht passiert bisher.

Wahrscheinlich schon! Bei mir ist's XAMPP unter Windows.

***xchs*** · 21.10.2010, 09:18

Es könnte durchaus das Problem mit der Groß-/Kleinschreibung der Tabellennamen sein.

Stichwort: Parameter "lower_case_table_names" in der "my.cnf" bzw. "my.ini"

**buchbergertom** · 21.10.2010, 09:22

Bei mir ist es auch XAMPP unter Windows!

Denke grade daran, dass online auf jeden Fall die Tabellen wieder geändert werden müssen, da bei Linux Servern die Klein- bzw. Großschreibung ja wieder relevant ist!

***xchs*** · 21.10.2010, 09:25

Zitat von buchbergertom

Bei mir ist es auch XAMPP unter Windows!

Denke grade daran, dass online auf jeden Fall die Tabellen wieder geändert werden müssen, da bei Linux Servern die Klein- bzw. Großschreibung ja wieder relevant ist!

Versuch mal, in Deiner "my.ini" unter "mysql/bin" folgenden Parameter im Abschnitt "[mysqld]" zu ergänzen:

Code:

lower_case_table_names  = 2

**buchbergertom** · 21.10.2010, 09:39

Die Tabellen werden jetzt mit lower_case_table_names = 2 korrekt angelegt. Aber die Transition Effekte funktionieren nicht mehr... Ich glaub ich fang noch mal von Vorne an - dann wirds sicherlich passen!

***xchs*** · 21.10.2010, 09:45

Zitat von buchbergertom

Denke grade daran, dass online auf jeden Fall die Tabellen wieder geändert werden müssen, da bei Linux Servern die Klein- bzw. Großschreibung ja wieder relevant ist!

Also, wenn ich das hier richtig interpretiere, dann müsste mit dem Wert "2" für den Parameter "lower_case_table_names" die Schreibweise von Datenbank- und Tabellennamen beibehalten werden, sodass Du sowohl lokal als auch auf dem (Linux) Online-Server damit keine Probleme haben dürftest.

**buchbergertom** · 21.10.2010, 09:49

Stimmt genau!! Und die fehlenden Transition Effekte waren ein falscher Wert in der Backendkonfiguration meinerseits!

Somit alles perfekt!!!

**planepix** · 21.10.2010, 09:51

Prima, und alles so wie gewünscht mit dieser Erweiterung?

Hatte ich das richtig "herausgelesen", das es um den Treppcheneffekt ging?

**buchbergertom** · 21.10.2010, 14:36

Ja genau -- ein einfacher Fade ist mir für dieses Projekt etwas zu langweilig. Dieser Treppcheneffekt macht einfach ein bisschen mehr her...

Und den CoinSlider hatte ich schon mal installiert - aber wegen dem Tabellenproblem nicht probieren können. Jetzt ist das ja gelöst und ich konnte den CoinSlider testen. Funktioniert prima -- und die Links,...,Arrows,... kann ich ja alle nach meinen Wünschen mit CSS gestalten!

Somit eine tolle Alternative zur Slideshow 2 -- die ich aber sonst gerne nutze!

**Jenna** · 07.11.2010, 11:28

ich drängel mich mit meiner Frage jetzt hier noch einmal rein, mein Thema dazu blieb bisher leider unbeantwortet

, folgendes kleines Problem:

Coin Slider auf 2.9.1 installiert, läuft auch wunderbar, nur die grauen Navigationskästchen unter dem Slider werden bei Click in falscher Reihenfolge dargestellt.

Normalerweise ist ja das jeweilige Kästchen zum Bild bei Click grau unterlegt, das funktioniert auch richtig bei:

- automatischen Durchlaufen und bei prev/next Button

Wenn ich aber direkt auf das Kästchen klicke, wird immer das Kästchen davor grau unterlegt und nicht das aktive auf dem ich mich befinde (Browserunabhängig)

Hat jemand einen Ansatz dafür wie ich das in die richtige Reihenfolge bekomme?

**Andreas** · 07.11.2010, 14:46

Deaktiviere mal Schritt für Schritt alles, was das beeinflussen könnte. Eigenes CSS, eigene Templates, mediabox, mootools. Und schau dir mal die generierte ID vom Coinslider an, ob die Schreibweise valide ist.

**Jenna** · 07.11.2010, 23:57

@Andreas: 1000 Dank, in der Yaml content.css hatte ich ein background:transparent

eingetragen unter a:focus, a:hover und a:active, jetzt funktioniert es perfekt.

Und nun weiß ich auch warum da drüber der Vermerk steht:

/* Ändern Sie diese Regel mit Bedacht */

, ohne Worte.