Pageflip5 documentation

Konfiguration

Pageflip wird durch ein JavaScript-Objekt namens "Configuration Object" konfiguriert. Der einfachste Weg, dieses Objekt zu definieren, ist inline als Parameter der pageflipInit Methode, wie in diesem Beispiel:

Bitte beachten Sie, dass alle Config Optionen sich innerhalb der geschweiften Klammern befinden. "Option:Wert" Paare mit Komma getrennt (Kein Koma nach der letzten Option).

Da das Configuration Object ist ein JavaScript-Objekt ist, können Sie es an anderer Stelle definieren, oder dynamisch machen.

Größen des Buches

Das Erste ist, die Größe der Seiten festzulegen (PageWidth, PageHeight), ist es an Ihnen, welche Maße oder Längenverhältnis sie wählen. Sie können auch den Umschlag größer wählen als die Seiten (CoverWidth, CoverHeight). Diese Einstellungen und horizontal/vertical (VerticalMode) Modus bestimmen die Größe des Buches.

In den meisten Fällen kommt es auf die Zielumgebungan , in der pageflip eingebettet wird, oder auf die Größe des Inhalts. Was auch immer der Fall ist, gibt es eine Einstellung dafür.

Das Zoomen ist stark abhängig von der gewählten Seitengröße, auch in HTML kann man nicht ohne Qualitätsverlust hochskalieren, genauso wie mit einem Bild

Um die Zoom-Funktion zu aktivieren, setzen sie die Seitengrößen höher als die Browser Auflösung und aktivieren sie AutoScale, auf diese Weise Ihr Buch in normalen Ansicht innerhalb des Arbeitsbereichs passen skaliert und Sie können die Ansicht vergrößern, um dann das Buch in 100% zu sehen.

Konfiguration Optionen

Liste der verfügbaren Konfigurationsoptionen mit Standardwerten. Beschreibung gilt für die aktivierte Option, unabhängig des Standardwert Werts. "true" bedeutet Aktiviert oder einen anderen Wert als "false", wie eine Zahl oder ein String, abhängig von der Option.

Buch Optionen

PageWidth: 300
Breite der Seiten
PageHeight: 400
Höhe der Seiten
CoverWidth
Optional, Breite des Umschlage
CoverHeight
Optional, Höhe des Umschlages
StageWidth: "100%"
Optional, Breite des Arbeitsbereichs
StageHeight: "100%"
Optional, Höhe des Arbeitsbereichs
Margin: 32
Rand
MarginTop
Rand oben
MarginRight
Rand rechts
MarginBottom
Rand unten
MarginLeft
Rand links
BookOffsetX: 0
X-Offset des buchs im Arbeitsbereich
BookOffsetY: 0
Y-Offset des buchs im Arbeitsbereich
HardCover: true
Umschlag hart (Buchdeckel)
HardPages: false
Seiten hart (kein Biegeeffekt)
CenterSinglePage: false
Zentriert das Buch bei Vorder und Rückseite
AutoScale: false
Buch wird automatisch der Größe des Arbeitsbereichs angepast
UpScale: false
Sie können das Buche hochskalieren, nicht empfohlen
FullScale: false
Passt das div # pageflip an die Browserauflösung an
FillScale: false
Skaliert das Buch auf die Größe des Arbeitsbereichs
FlexibleContent: false
Der Inhalt ihrer Seite wird neu geordnet
FlexibleContentMinWidth: 768
Die minimale Breite des flexiblen Inhalts. Wenn der Arbeitsbereich schmaler ist werden Inhalte verkleinert

Inhaltliche Optionen

PageDataFile
URL der externen HTML-Datei
VerticalMode: false
Aktivieren vertikalen Modus
RightToLeft: false
Von rechts nach links geschriebener Inhalt
AlwaysOpened: false
Buch ist immer geöffnet, kann nicht geschlossen werden, vorderer Umschlag nicht sichtbar
Transparency: false
Ermöglicht transparente Seiten. Transparente Seiten müssen einzeln als transparent fefiniert werden, siehe nächste Teil der Dokumentation.

Design related options

DropShadow: true
Fügt Schatten außerhalb des Buches hinzu. Schatten werden mit CSS-Stile definiert
DropShadowOpacity: 0.3
CSS Deckkraft Wert für DropShadow
NoFlipShadow: false
Schaltet Schatten auf der der umschlagenden Seite aus
FlipTopShadowOpacity: 0.3
CSS Deckkraft Wert für NoFlipShadow
FlipShadowOpacity: 0.3
CSS Deckkraft Wert für Schatten hinter der umschlagenden Seite
HardFlipShadowOpacity: 0.3
CSS Deckkraft Wert Schatten auf hardpages
Emboss: true
Schaltet Schatten zwischen den Seiten ein/aus (weiche Seiten)
EmbossOpacity: 0.3
CSS Deckkraft Wert für emboss
Thumbnails: false
Ermöglicht Thumbnail-Anzeige
ThumbnailsToFront: false
Platz Thumbnails vor dem Buchk
ThumbnailsAutoHide: 0
Ermöglicht Auto Ausblenden der Thumbnail-Anzeige. 0: Auto-Hide,> 0: Auto-hide Timer
ThumbnailsHidden: false
Starten von Pageflip mit ausgeblendeten Thumbnails
ThumbnailWidth: 60
Thumbnail Breite
ThumbnailHeight: 80
Thumbnail Höhe
ThumbnailAlwaysCentered: false
Aktuelles Vorschaubild wird immer über dem Buch zentriert

Kontroll-Optionen

StartPage: 1
Das Buch beginnt geöffnet an dieser Seite
MouseControl: true
Aktivieren / Deaktivieren der Maus und Touch-Steuerung des Buches
HotKeys: true
Aktivieren / Deaktivieren der Tastatursteuerung des Buches (Pfeiltasten Navigation, und Z, T, A bis Zoom, Thumbnails und Autoflip umschalten)
ControlbarFile
Externe Controlbar HTML-Datei
ControlbarToFront: false
Platziert Controlbar vor dem Buch
PagerText: "Page #~Pages #–#"
Anzeige der Seitenzahl in der Control Bar. #-Zeichen ist der Platzhalter für die Seitenzahl
PagerSkip: true
Überspringt Seiten, wenn Seitennummer / Namen manuell über das Eingabefeld eingetragen wird
HashControl: false
Erlaubt Navigation mit URL, diese wird beim Umblättern entsprechend geändert. Wenn diese Funktion aktiviert ist, können Sie mit den Browser vor / zurück Tasten durch die zuvor besuchten Seiten navigieren, oder Sie können die URL, der aktuellen Seite teilen
ZoomEnabled: true
Aktivieren Zoomen, wenn das Buch kleiner ist als 100%
FullScreenEnabled: false
Aktiviert FullScreen Taste auf Browsern, die native Vollbild-Anzeige unterstützen.
FlipDuration: 800
Dauer der Umblätter-Animation, in Millisekunden (800 = 0.8 Sekunden)
Preflip: true
Aktiviert Blätten beim Zeigen auf die Buck Ecke
PreflipArea: 128
Die Größe des pre-Flip-Bereich, von der Ecke aus
SecondaryDragArea: 64
Blätterbereich Breite aud der Seite des Buches
InsideDragArea: 0
Blätterbereich Größe in der Buchmitte
AutoFlipEnabled: true
Ermöglicht Autoblättern durch Drücken der Taste auf der Controlbar, oder durch Drücken der Taste "A"
StartAutoFlip: false
Autoblätten des Buchs, wie Dia-Show
AutoFlipInterval: 2000
Intervall zwischen Autoblättern, in Millisekunden (2000 = 2 Sekunden)
AutoFlipLoop: 0
Autoblättern Schleife.
-1: keine Schleife, sondern geht nach Beendigung zurück auf die erste Seite
0: keine Schleife, bleibt auf der letzten Seite
1: Loop aktiviert, blättert durch das Buch immer und immer wieder.
MinPageLimit
Deaktivieren Sie den Zugriff auf Seiten, vor dieser Seitenzahl
MaxPageLimit
Deaktivieren Sie den Zugriff auf Seiten, nach dieser Seitenzahl

Entsperren Optionen

Keine Änderung! dieser Optionen, wenn Sie wissen was Sie tun! Standardmäßig sind sie Verweise auf Variablen in der key.js Datei, der mit dem Online-generierten Key Generator erzeigten Werte.

Copyright: Key.Copyright
Text Urheberrecht
Key: Key
Ihr privater Schlüssel

Teilen Optionen

Pageflip5 habt 4 Tasten für soziale Netzwerke (Twitter, Google+, Facebook, Pinterest). Durch Drücken können Sie die Informationen (siehe unten) auf entsprechendem Kanal teilen.

ShareLink: "http://pageflip.hu"
Taste teilt diese Link.
ShareText
Mit dieser Botschaft
ShareVia
Twitter via...
ShareImageURL
Pinterest Bild-URL