Ergebnis 1 bis 7 von 7

Thema: Button "Zurück" funktioniert nicht bei CSS-Slider

  1. #1
    Contao-Fan
    Registriert seit
    06.01.2011.
    Ort
    Hattingen
    Beiträge
    286

    Standard Button "Zurück" funktioniert nicht bei CSS-Slider

    Hallo,

    ich habe auf meiner Seite www.joggen-in-nrw.de
    dann Link "Antje auf den Höhen rund um Ennepetal" einen Slider der nur über CSS gesteuert wird.
    Code-Auszug:
    Code:
    <section>
    
    <article id="b1" style="visibility:visible;opacity:1;">
    	<img src="tl_files/JoggenInNRWsite/images/2015/Rund um Ennepetal 2015/bild3.jpg">
    	<p>(1/7) Aufstieg zum ersten Gipfel</p>
      
    	<a class="prev" href="{{env::request}}#b7">[nbsp]◀</a>
    	<a class="next" href="{{env::request}}#b2">[nbsp]▶</a>
    	
    </article>
    
    <article id="b2">
    	<img src="tl_files/JoggenInNRWsite/images/2015/Rund um Ennepetal 2015/bild1.JPG">
    	<p>(2/7) Blick auf Beyenburg</p>
    
    	<a class="prev" href="{{env::request}}#b1">[nbsp]◀</a>
    	<a class="next" href="{{env::request}}#b3">[nbsp]▶</a>
    
    </article>
    </section>
    
    bei betätigung des Zurück-Buttons (javascript.history.go(-1) ) werden die angesehenen Slider-Bilder wieder angezeigt
    Geändert von kleppi (13.09.2015 um 14:29 Uhr)

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

    Support Contao

    Standard

    Also bei mir funktioniert der Zurück-Button. Allerdings ist der Überblend-Effekt bei mir nicht besonders schön.

  3. #3
    Contao-Fan
    Registriert seit
    06.01.2011.
    Ort
    Hattingen
    Beiträge
    286

    Standard

    wenn du vorher den Slider durchgeblättert hast wird bei Betätigung des "Zurück-Buttons" das letzte angesehene Bild des Sliders angezeigt.

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

    Support Contao

    Standard

    Ja. Was genau funktioniert also nicht?

    Edit: Ahh, ich vermute mal, du willst auf die zuletzt besuchte Seite zurück und nicht das zuletzt angesehene Bild sehen.

  5. #5
    Contao-Fan
    Registriert seit
    06.01.2011.
    Ort
    Hattingen
    Beiträge
    286

    Standard

    ich möchte mit dem Button "Zurück" zur vorigen Seite zurück.So war das bisher immer so.

    Durch das Kommando (javascript.history.go(-1) ) wird jedoch das zuletzt aufgerufene Bild des Sliders wieder angezeigt.
    weil die Steuerung des Sliders über folgendes Kommando erfolgt zB.
    Code:
    <a class="next" href="{{env::request}}#b2">[nbsp]▶</a>
    wie kann ich das lösen, das ich zur zuvor angesehenden Seite zurück komme?

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

    Da du sowieso schon 21 Scripts eingebunden hast, kannst du den Slider ja auch mal eben mit JS umsetzen, also bei Klick dem entsprechenden Element die Klasse active vergeben.

    Da ich dort keinen Zurück-Button sehe vermute ich, du meinst den Browser-Zurück-Button. Ja, die Links mit Hash sind halt auch in der History vorhanden.

    Dein Markup ist übrigens in HTML5, die Seite ist aber als XML deklariert, das ist nicht valide.
    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

  7. #7
    Contao-Fan
    Registriert seit
    06.01.2011.
    Ort
    Hattingen
    Beiträge
    286

    Standard

    Hallo,

    ja dann muß ich halt Javascript einbinden.
    Die Seite ist meine Spielwiese und ich wollte halt mal einen Slider ohne Javascript erstellen.

    Danke für eure Bemühungen.

    Gruß
    Klaus

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
  •