Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Castordesigns" data-source="post: 2466410" data-attributes="member: 290174">Ich versuche, eine Navigation mit vier Slides zu generieren.Hier geht es zu meiner Testseite (inklusive Code): <a href="http://jsfiddle.net/n9z2nppr/4/" target="_blank">http://jsfiddle.net/n9z2nppr/4/</a>Basiert habe ich mein Testcase auf dieser <a href="http://tympanus.net/codrops/2013/10/25/split-layout/" target="_blank">Vorlage</a>.Während die erste (linke) Slide und die letzte (rechte) Slide funktionieren, funktioniert das Schliessen der Slides bei den inneren Slides nicht wie gewünscht: Die Klassen .open-innerleft und .open-innerright werde nicht zurückgesetzt, wenn die Slides geschlossen werden.Dies scheint mit diesme Codeschnipsel zu tun zu haben, das für genau zwei Slides gecodet ist:[code=JavaScript]// back to intro&nbsp; &nbsp; &nbsp; &nbsp; // after transition ends:&nbsp; &nbsp; &nbsp; &nbsp; var onEndTransFn = function () {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.removeEventListener(transEndEventName, onEndTransFn);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; classie.add(splitlayout, &#039;reset-layout&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.body.scrollTop = document.documentElement.scrollTop = 0;&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; backToIntro = function (ev) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ev.preventDefault();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ev.stopPropagation();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var dir = classie.has(ev.target, &#039;back-left&#039;) ? &#039;left&#039; : &#039;right&#039;,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; page = dir === &#039;right&#039; ? pageRight : pageLeft;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; classie.remove(splitlayout, &#039;open-&#039; + dir);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; classie.add(splitlayout, &#039;close-&#039; + dir);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; page.addEventListener(transEndEventName, onEndTransFn);&nbsp; &nbsp; &nbsp; &nbsp; };[/code]Wie muss ich das Script anpassen, dass die inneren Slides auch funktionieren?Herzlichen Dank im Voraus</blockquote>

[QUOTE="Castordesigns, post: 2466410, member: 290174"] Ich versuche, eine Navigation mit vier Slides zu generieren. Hier geht es zu meiner Testseite (inklusive Code): [url]http://jsfiddle.net/n9z2nppr/4/[/url] Basiert habe ich mein Testcase auf dieser [URL='http://tympanus.net/codrops/2013/10/25/split-layout/']Vorlage[/URL]. Während die erste (linke) Slide und die letzte (rechte) Slide funktionieren, funktioniert das Schliessen der Slides bei den inneren Slides nicht wie gewünscht: Die Klassen .open-innerleft und .open-innerright werde nicht zurückgesetzt, wenn die Slides geschlossen werden. Dies scheint mit diesme Codeschnipsel zu tun zu haben, das für genau zwei Slides gecodet ist: [code=JavaScript]// 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); };[/code] Wie muss ich das Script anpassen, dass die inneren Slides auch funktionieren? Herzlichen Dank im Voraus [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?