Contao-Camp 2024
Ergebnis 1 bis 4 von 4

Thema: Wie ItemWidth bei Flexslider2 angeben um Basic Carousel zu erstellen

  1. #1
    Contao-Nutzer
    Registriert seit
    31.08.2015.
    Beiträge
    8

    Standard 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.

  2. #2
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.060
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.

  3. #3
    Contao-Nutzer
    Registriert seit
    31.08.2015.
    Beiträge
    8

    Standard

    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.

  4. #4
    Contao-Urgestein Avatar von Andreas
    Registriert seit
    19.06.2009.
    Ort
    Mönchengladbach
    Beiträge
    7.703
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Spaat Beitrag anzeigen
    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>...".
    Bitte!
    Vor Anfragen im Forum HTML validieren.
    Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.

    Vielen Dank an alle Wunschlistenerfüller
    Andreas Burg, Web Solutions

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •