Ist dieses Layout mit turn.js4 möglich?

[glenzend]

Hallo zusammen,

Vorweg: ich bin absoluter Beginner was Javascript angeht und kenne mich einigermaßen mit html und css aus, arbeite mit Dreamweaver 5.5 meist in der Codeansicht.

Ich möchte/soll folgendes Layout umsetzen:


Da ich mich eben mit Javascript kaum auskenne – was sich in nächster Zeit ändern wird, ich will das unbedingt lernen – meine Frage an die Fachleute:
Die bunten Zettel sollen als Navigation dienen. Ist das überhaupt mit turn.js4 möglich??? Wenn ja wie gehe ich am besten vor?
Ich bin sowieso schon am Verzweifeln, weil das im #flipbook alles nicht so einfach funktioniert wie auf ner "normalen" html-site...
Vielleicht hat jemand noch nen besseren Tipp wie ich das mit dem Seiten-Umblättern anders/besser/einfacher lösen kann... das ist dem Kunden nämlich enorm wichtig!

Hier der Link zum bisherigen Ergebnis:


Ich bin super-dankbar für jede Hilfe!

Gruß
glenzend

 

[hub]

Moin moin,
ich hab mir dieses Framework mal kurz angeschaut. Im Prinzip sollte es möglich sein. Du positionierst deine Reiter per Css hinter den Seiten und änderst dann mit dem Event turned den z-Index und Position des entsprechenden Reiters.
Ob es animierbar funktioniert, in dem man die Reiter entsprechend in den "Seiten" absolut positioniert, wäre zu testen.
Zum Umblättern könntest du es wie bei den meisten Slidern machen, indem du links und rechts unsichtbare Schalter darüber legst und das Umblättern per Script ansteuerst. Dann würde es reichen, links oder rechts auf die Seite zu klicken (oder einem schmalen Rand) zu klicken. In der Beschreibung findest du Code-Beispiele zum automatisierten Umblättern (Klick) als Anregung.
Das wäre zumindest mein Lösungsansatz, ich habe es aber nicht getestet.

Gruß Ulli

 

[glenzend]

Danke Ulli, für deine Antwort. Ich werde mir das mal in Ruhe ansehen und ausprobieren!

Viele Grüße
glenzend