bxslider jquery in contao einbinden

**matzbatz** · 18.04.2013, 14:47

Hi!
Ich würde gerne den bxslider (http://bxslider.com) in meine Contao-Seite einbinden und benutzen. Ich bin noch Neuling was Contao angeht. Habe bishe rnur hinbekommen eine Galerie über den Erweiterungskatalog zu installieren. Kann mir jemand sagen wie ich genau diese bxslider Galerie in meine Seite bekomme? Oder geht das nur, wenn die Galerie auch im Erweiterungskatalog von Contao vorhanden ist?

Danke schonmal im Voraus!

P.S. Ich nutze Contao 3.0.6

**Dirch** · 18.04.2013, 15:09

Hallo hallo,

wenn man sich mit Contao noch nicht so gut auskennt vor allem auch noch nicht weiß wie man externe Scripts richtig einbindet empfehle ich dir eine der vorhandenen Slider-Erweiterungen auszuprobieren. Es gibt einen ganzen Haufen für Contao 3. Such dir die aus, die dir am meisten zusagt.

https://contao.org/de/extension-list...gs/Slider.html

Beste Grüße...
...Dirk

**matzbatz** · 18.04.2013, 15:12

Hey! Vielen Dank für deine Antwort.
Ein bisschen kenne ich mich aus (Habe bisher zwei Projekt mit Contao gelöst)
und Programmierkenntnisse habe ich auch.
Ist es sehr kompliziert eine solche Galerie einzubinden?

**Dirch** · 18.04.2013, 15:25

Was meinst du denn genau mit "Galerie"? Hattest du die Erweiterung "Galeriea" installiert um damit einen Bilder-Slider zu bilden oder welche Galerie-Erweiterung hast du probiert?

Ich vermute du möchtest Bilder/Ordner auswählen können und diese sollen dann in einen Slider ausgegeben werden oder? Das geht bei den ganzen (Image-)Slidern immer ein wenig anders. Daher mußt du womöglich ein paar ausprobieren. Bei dk_caroufredsel gibt es z.B. ein Inhalts-Element analog der Contao Galerie mit dem du das allerdings recht leicht machen kannst.

**matzbatz** · 18.04.2013, 15:28

nein es gehts im speziellen darum, dass ich diese jquery Galerie installerien möchte. Ich habe bereits unter meinem Seitenlayout das Häckchen vor "jquery" gesetzt.

**Dirch** · 18.04.2013, 15:39

Ach so. Nun dann kannst du auf der Layout-Seite in den Experten-Einstellungen bei zusätzlich head-Tags einen Verweis auf das JavaScript hinterlegen. Dann brauchst du mehrere Inhalts-Elemente eigener HTML-Code und baust dir da die notwendige HTML-Struktur für den Slider zusammen (vor den Bildern und dahinter - du erstellst einen Wrapper wie beim Akkordeon) nebst dem jQuery-Quellcode um den Slider zu starten.

**matzbatz** · 18.04.2013, 15:53

Vielen Dank! Allerdings.... Verstehe ichs nicht =D
wo lege ich die java script dateien hin?
kommen de fotos in einen Artikel?
und wie verknüpfe ich das alles?

**stefan-at-work** · 18.04.2013, 16:09

Zitat von matzbatz

Vielen Dank! Allerdings.... Verstehe ichs nicht =D
wo lege ich die java script dateien hin?
kommen de fotos in einen Artikel?
und wie verknüpfe ich das alles?

womit wir wieder beim Posting #2 wären...

**dhe** · 18.04.2013, 16:16

Achtung Eigenlob: nimm den npslider. Der setzt auf bxslider auf

**Dirch** · 18.04.2013, 16:16

Deshalb hatte ich Dir empfohlen eine der vorhandenen Erweiterungen zu verwenden. Diese nehmen dir genau das ab, was du händisch nachbasteln mußt. Das kann man machen, wenn man weiß wie das HTML-Gerüst aufgebaut wird, wie man das eingebundene Script mit jQuery konfiguriert und startet usw. Wenn du mit meiner Kurz-Erklärung nichts anfangen kannst, dann solltest du wirklich Abstand davon nehmen.

Ich glaube der npslider hat zur Grundlage diesen bxSlider, aber in einer älteren Version. Wie auch immer nimm eine vorhandene Erweiterung und spiele mir ihr rum. Die Slider geben sich untereinander nicht so viel. Letztlich machen sie alle das gleiche mit lediglich unterschiedlichem Funktions-Umfang.

**matzbatz** · 18.04.2013, 16:17

Vielen Dank. Dann versuche ich es mal mit dem!

**matzbatz** · 18.04.2013, 16:19

Mit dem NP-Slider habe ich Erfahrung. Fand nur den bx irgendwie netter.
Aber ich versuche mal da noch ein wenig was rauszuholen!
Jedenfalls vielen dank!

**dhe** · 18.04.2013, 19:34

Ähm, ist vom Javascript genau dasselbe - allerdings noch die Version 3...
An der neuen sitze ich bereits... ist nur sehr langwierig, da es so viele Eigenschaften gibt...

**derRenner** · 18.04.2013, 20:37

Hallo matzbatz

ich kann sowohl dhe's npslider als auch dirch's caroufredsel empfehlen. Aus beiden kannst du mit ein wenig CSS und eventuell notwendigen eigenen HTML Inhaltselementen schon ganz schön viel rausholen. Natürlich, es kommt immer drauf an was man benötigt und wie das Ergebnis aussehen soll - aber beide sind im Standard schon ganz tolle Slider!