Ergebnis 1 bis 6 von 6

Thema: Problem Content Slider jQuery

  1. #1
    Contao-Nutzer
    Registriert seit
    10.11.2011.
    Beiträge
    51

    Standard Problem Content Slider jQuery

    Hallo zusammen,

    ich habe folgendes Problem, nur schwierig zu beschreiben.

    Ich habe eine Art Tab Navigation innerhalb der Seite (keine Menünavigation) diese enthält 4 Punkte. Nun habe in jedem in jedem Tab einen Content Slider eingebunden der unterschiedliche Inhalte enthält. Wenn ich jetzt den ersten Tab anklicke dann wird der Inhalt geladen, wechsle ich zum zweiten Tab und kommt kein Inhalt. Die Navigation für den Content Slider wird aber angezeigt. Wenn ich jetzt z.b. auf Firefug klicke weil ich nachdem Problem schauen wollte, ist plötzlich der Inhalt da. Wechsle ich wieder zum ersten Tab zurück wird hier auch kein Inhalt angezeigt, klicke ich auf Firebug steht der Inhalt dann wieder da.

    Schätze es liegt daran weil ich 2 Content Slider in einem Artikel eingebunden habe, und da kommt es anscheinend zu Ladeschwierigkeiten. Hat evtl. jemand ne Lösung, schätze hat was mit jQuery zu tun.
    Diesen binde ich direkt im Seitenlayout ein CDN (code.jquery.com)

    Danke schonmal.

  2. #2
    Alter Contao-Hase
    Registriert seit
    20.03.2010.
    Ort
    Hannover
    Beiträge
    1.041

    Standard

    Ein Link ist bei webdingen immer gut und wenn Du schätzt, dass es an den 2 Slidern im Artikel liegt, dann schalte doch mal einen aus und schau ob sich etwas verändert.

  3. #3
    Contao-Nutzer
    Registriert seit
    10.11.2011.
    Beiträge
    51

    Standard

    http://www.folia-cut.de/folia/index....lasfolien.html

    unten im Reiter auf Classic - Comfort - ..
    da müssten dann die Inhalte geladen werden.

    Was soll ich ausschalten? Wenn ich nur einen Content Slider Umschlag verwende dann kann ich die Tabs nicht befüllen

  4. #4
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.751
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ich habs mir jetzt nur kurz angeschaut. So spontan kam mir die Idee, dass man das vielleicht mit einem entsprechend gestylten Akkordeon lösen könnte.

    Nachtrag: Eine zweite Idee die Navigation des content-slider, so umzubauen, dass diese Deine Navigation abbildet.

    Aber wie gesagt nur Ideen, wie ich versuchen würde den Effekt zu erzielen.
    Geändert von mlweb (24.02.2016 um 22:50 Uhr)
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  5. #5
    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

    Ich vermute, dass der Slider Probleme hat, wenn er in nem Element mit display:none; ist.

    Wenn du die Größe des Fensters änderst, oder Firebug öffnest, wird der Slider angezeigt. D.h. da wird wohl irgendwo ein Befehl 'onresize' o.ä. sein, der dann irgendwas neu initialisiert. Versuche herauszufinden, wo das ist und versuche diese Aktion dann auch auf die Tab-Klicks zu legen.
    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

  6. #6
    Contao-Nutzer Avatar von maipe
    Registriert seit
    10.07.2012.
    Ort
    München
    Beiträge
    201

    Standard OWL-Silder in Tabslet active Tab

    Notnagel:

    Code:
    <script type="text/javascript">
    $(function(){
        $('.fire').trigger('click');
    });
    </script>
    und setzen der Klasse auf dem Tab Link...

    Code:
    <div data-toggle="tabslet" data-animation="true" class='tabs horizontal'>
    <ul class='horizontal'>
    <li><a class="fire" href=".tab-1">Beschreibung</a></li>
    <li><a href=".tab-2">Schnittstellen</a></li>
    <li><a href=".tab-3">Downloads</a></li>
    <li><a href=".tab-4">Zubehör</a></li>
    </ul>

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
  •