zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Split Layout mit vier Slides

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.01.2015, 22:36
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 26.03.2008
Beiträge: 372
Cu Chullain befindet sich auf einem aufstrebenden Ast
Standard Split Layout mit vier Slides

I am trying to design a slide navigation with four slides.
I based my layout on this blueprint, by adapting the number of slides.

This is my testcase: Edit fiddle - JSFiddle

While the first (left) and last (right) slide both work fine, i failed to get the inner slides running properly. The problem arises, when the closing event occures, which is this part of code in the JS I suppose:

Code:
   // back to intro
            // after transition ends:
            var onEndTransFn = function () {
                this.removeEventListener(transEndEventName, onEndTransFn);
                classie.add(splitlayout, 'reset-layout');
                document.body.scrollTop = document.documentElement.scrollTop = 0;
            },
            backToIntro = function (ev) {
                ev.preventDefault();
                ev.stopPropagation();
                var dir = classie.has(ev.target, 'back-left') ? 'left' : 'right',
                    page = dir === 'right' ? pageRight : pageLeft;
                classie.remove(splitlayout, 'open-' + dir);
                classie.add(splitlayout, 'close-' + dir);
                page.addEventListener(transEndEventName, onEndTransFn);
            };
The snipped is from the blueprint and designed for two slides only.
The result is, that the classes .open-innerleft and .open-innerright will not reset on closing the slides.

How can I adapt it for four slides?
Thank you very much in advance!
__________________
Cu Chullain

Geändert von Cu Chullain (17.01.2015 um 22:18 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Was bevorzugt ihr - fixes, fluides oder elastisches Layout mimii CSS 0 19.12.2011 21:12
Bitte um Hilfe - CSS und Prozentangaben sprefer CSS 3 01.03.2011 05:11
Untermenü im IE nici CSS 10 22.06.2009 22:19
Probleme mit Layout kruemelchen26 CSS 0 15.05.2007 23:40
Layout mit vier Boxen... thailer Site- und Layoutcheck 12 04.10.2005 14:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:01 Uhr.