Eine horizontale Bewegung der Maus bei gedrückter Shift- und Maustaste lässt Navigations-Tabs erscheinen. Sobald ein Tab ganz "herausgezogen" ist (und aus dem einfachen Pfeil ein Doppelpfeil wird), startet das Loslassen der Maustaste die Navigation zur vorherigen oder zu nächsten Seite.
Funktioniert auf Touch-Geräten auch ohne die Shift-Taste.
Und so wird's gemacht:
- Sie binden im Kopf der Seite die Skript-Datei swiper.js sowie das zugehörige Style-Sheet swiper.css ein.
- Sie tragen die URL der nächsten Seite als
href-Attribut in ein<a>-Elelement oder ein<link>-Elelement ein und markieren dieses Element mit demrel="next"-Attribut:
oder<a rel="next" href="weiter.html"> … <a><link rel="next" href="weiter.html" /> - Sie tragen die URL der vorherigen Seite als
href-Attribut in ein<a>-Elelement oder ein<link>-Elelement ein und markieren dieses Element mit demrel="prev"-Attribut:
oder<a rel="prev" href="zurueck.html"> … <a><link rel="prev" href="zurueck.html" />
Das war's schon.
Sie können die Skript-Datei und das Style-Sheet zusammen mit den Beispiel-Seiten als Archiv-Datei swiper.zip herunterladen.