Wie ItemWidth bei Flexslider2 angeben um Basic Carousel zu erstellen

Hallo, ich bin neu hier, also erst mal hallo.

Ich möchte in contao ein Karusell wie dieses:
http://flexslider.woothemes.com/basic-carousel.html
mit Flexslider2 erstellen.

Ohne contao funktioniert das ganz einfach mit diesem Code:
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
animationLoop: false,
itemWidth: 210,
itemMargin: 5
});
});

Contao gibt mir im Browser Quelltext folgendes an:
<script>
(function($) {
$(window).load(function() {
$("#startseite").flexslider({
slideshowSpeed: 3000,
animationSpeed: 600,
animation: "slide",
direction: "horizontal",
controlNav: false,
randomize: false,
pauseOnHover: false,
pauseOnAction: true,
useCSS: false,
touch: true
});
});
})(jQuery);
</script>

Meine Frage wie kann ich beim Flexslider2 in contao
itemWidth: 210,
itemMargin: 5 deklarieren.

Per CSS-Stylesheet geht es nicht. Da für <li> ein Inline-Style (width: 932px) generiert wird.

Wenn ich mit Flexslider2 in contao kein carousell erstellen kann, habt Ihr einen Tipp, welche Erweiterung gut ist? Ich habe den Flexslider2 ohne Contao schon oft eingesetzt und ich mag ihn eigentlich ganz gerne.

Wie hast du denn den Slider eingebunden in Contao? Ist das eine Erweiterung? Falls ja, wird es vermutlich ein Template für den Slider geben, wo man zusätzlich Optionen eingeben würde.

Ja, das ist eine Erweiterung. Ich find aber keine Einstellung um die Breite zu ändern. Ich habe auch schon versucht über Templates das html dokument zu ändern. Aber die Variable wird immer wieder überschrieben. Schade, denn ohne Contao ist der Slider sehr schön.

Zitat:

---

Zitat von Spaat

Ich habe auch schon versucht über Templates das html dokument zu ändern. Aber die Variable wird immer wieder überschrieben.

---

Da müsstest du präziser werden. Welches Template, welche Variable wird wo von wem überschrieben? Link zur Seite?

Aber wenn du mit Flexslider umgehen kannst, dann brauchst du doch auch keine Erweiterung. Erstelle in /templates/ ein j_meinflexslider.html5 und binde es per Checkbox im Layout ein. Öffne die j_*.html5 Templates zum Abgucken.

So bekommst du Ressourcen in den Head bzw. ans Ende des BODYs.

PHP-Code:

---

$GLOBALS['TL_CSS'][]        = 'files/css/my.css';
$GLOBALS['TL_USER_CSS'][]   = 'files/css/my.css';
$GLOBALS['TL_JAVASCRIPT'][] = 'files/js/my.js';
$GLOBALS['TL_BODY'][]       = '<script src="files/js/my.js"></script>';

// Wahlweise auch mit |static um die Ressource mit in die EINE Datei zu packen.
$GLOBALS['TL_CSS'][] = 'files/css/my.css|static'; 


---

Wenn du ein SCRIPT in ein CE Typ HTML packen willst, musst du das Element vorher in System-Einstellungen-Erlaubte HTML-Tags hinzufügen "<script><a>...".