Layer Slideshow-Dokumentation

Einführung

Layer Slideshow bietet eine einzigartige und dennoch einfache Möglichkeit, in Joomla eine Diashow mit mehreren Folien und Ebenen zu erstellen.

 

Ebenen-Slideshow-Main

 

I. LAYER SLIDESHOW INSTALL

1.1 Installieren

Unsere Komponente ist Joomla 3.x kompatibel. Alle Funktionen und Integrationen von Drittanbietern sind in allen Mitgliedschaften enthalten.
Um unsere Komponente zu installieren, müssen Sie die ZIP-Datei mit der Erweiterung herunterladen und den Standard-Joomla-Installer verwenden.

 

joomla-install

 

Klicken Sie dann auf Durchsuchen> Hochladen und installieren Schaltfläche, Komponente, Module und Plugins werden standardmäßig aktiviert installiert.

 

1.2 Update & automatischer Updater

Um die Erweiterung zu aktualisieren, können Sie eine neue Version über die alte installieren, indem Sie die ZIP-Datei von JoomUnited oder herunterladen benutze den automatischen Updater (empfohlen).

 

Item-Rating-Update

 

Der automatische Updater, der die Update-Benachrichtigung übermittelt, ist in die von Ihnen installierte Joomla-Erweiterung eingebettet. So werden Sie wie jede andere Erweiterung im Dashboard oder über das Menü benachrichtigt: Menü Erweiterung> Verwalten> Aktualisieren.

Melden Sie sich bei Ihrem Konto an, um eine Aktualisierung durchzuführen

Sie müssen sich bei Ihrem JoomUnited-Konto anmelden, um alle Ihre JoomUnited-Joomla-Erweiterungen zu aktualisieren. Um sich einzuloggen, rufen Sie die Hauptkonfiguration der Komponente auf und klicken Sie auf Registerkarte "Live-Aktualisierung". Unten finden Sie eine Anmeldeschaltfläche.

 

Live-Update

 

Geben Sie Ihre JoomUnited-Anmeldeinformationen ein, die Sie auch für die Anmeldung hier bei www.joomunited.com verwenden

 

login-joomunited

Der Knopf wird orange, Glückwunsch! Sie können jetzt alle JoomUnited-Erweiterungen auf dieser Website aktualisieren! Wenn Ihre Mitgliedschaft abgelaufen ist, erhalten Sie einen Erneuerungslink und einen Text, der dies erklärt.

 

accountgebunden

Hinweis: Mit einem einzigen Login können Sie alle JoomUnited-Erweiterungen (in Bezug auf Ihre Mitgliedschaft) aktualisieren. Die Anmeldung läuft erst ab, wenn Sie die Verbindung trennen.

 

II. DIASHOW THEMEN

2.1 Folienerstellung

Die Hauptidee von Layer Slideshow ist es, eine schöne Diashow mit Ebenen ohne Komplexität zu erstellen.
Auf der Hauptoberfläche haben Sie auf der linken Seite Zugriff auf a Neu Taste. Jede neue Diashow enthält Folien- und Ebenenoptionen.

 

image7

 

Wenn Sie keine Themen haben, können Sie unsere Beispielthemen konsultieren. Es sind insgesamt 5 Themen verfügbar, klicken Sie bitte Thema laden Schaltfläche zum Anzeigen.

 

image8

 

Sobald Sie einen ausgewählt haben, wird der mittlere Teil mit Themenhintergrund, Links und Ebenen neu geladen. Die Ebenen werden im rechten Bereich gruppiert.

 

image9

 

Beachten Sie, dass jedes Thema eine andere Layoutnummer hat, Thema 1 eine Ebene hat, Thema 2 zwei Ebenen hat ...


Unter der Folie sehen Sie Vorschau aller Folien und es gibt 3 Geräte (Laptop / Desktop, Tablet, Handy), mit denen Sie überprüfen können, wie Ihre Diashow aussehen wird.

Sie können auch verwenden Dia duplizieren oder Neue Folie hinzufügen Knopf auf der rechten Seite.

 

Schiebeknopf

 

Jede Folie enthält Bearbeiten und Löschen Symbol

 

image11

 

Wenn Sie Ihre eigene Diashow erstellen möchten, können Sie die Schaltflächen auf der rechten Seite verwenden. Bitte lesen Sie das nächste Kapitel.

2.2 Layouteinstellungen

Sie können für jede Diashow ein bestimmtes Layout definieren. Es ist besser, das Layout vor dem Starten der Ebenen-Edition zu definieren, da hierdurch die Bildbreite, die Textgröße und die Position der Elemente bestimmt werden.

 

image12

 

Die Optionen für das Diashow-Layout lauten wie folgt:

  • Reaktionsschnell: Machen Sie Ihre Diashow mit adaptiven Element für mobile Geräte, alle Texte, Bilder werden dynamisch in Bezug auf mobile Geräte geändert
  • Diashow ausrichten: Richten Sie die gesamte Diashow aus
  • Breite / Höhe: Definieren die Breite / Höhe der Diashow. Dies ist der wichtigste Parameter, da die Größe aller Bilder, die Sie in die Diashow einfügen, mit unserem Beschneidungswerkzeug auf diese Größe angepasst werden kann. Wenn Sie die Größe ändern, müssen Sie möglicherweise Ihre Bilder aktualisieren.
  • Dauer: Definieren Sie jede Foliendauer
  • Schaltflächenstil: Navigationselementstil definieren
Um eine Diashow in voller Breite zu erstellen, haben Sie zwei Möglichkeiten: Stellen Sie die Breite auf „100%“ ein oder definieren Sie eine feste Größe, zum Beispiel 1900px Breite.

2.3 Fügen Sie Ihrem Inhalt eine Diashow hinzu

Um eine Diashow in Ihren Inhalt einzufügen und online zu stellen, müssen Sie den Editor-Button verwenden. Laden Sie einen Artikel, ein benutzerdefiniertes Modul oder etwas anderes und klicken Sie auf Layer Slideshow Taste.

 

image13

 

Wählen Sie dann eine Diashow zum Einfügen

 

image14

 


III. SLIDE EDITION

3.1 Folienhintergrund

Jede Folie hat einen Hintergrund, Sie können Ihre eigene aus Ihrer Bildbibliothek laden oder unsere Online-Bibliothek nutzen.

 

image15


Das Wählen Mit der Schaltfläche wird ein Leuchtkasten mit einem Medienmanager geöffnet. Dies ist eine erweiterte Version des Joomla-Medienmanagers.

 

image16


Es bietet Ihnen Optionen zum Ziehen und Ablegen neuer Bilder, zum Auswählen, Entfernen, Anpassen oder Anwenden von Effekten auf Bilder.

image17


Das wichtigste ist die Fruchtfunktion. Die Zuschneidefunktion lädt ein Fenster mit Ihrem Bild und einem Rahmen, der die Größe der im Layout definierten Diashow annimmt.

 

image18


Klicke auf das Bild zuschneiden Schaltfläche, um das als Hintergrund zugeschnittene Bild einzufügen.

3.2 Editor für Schaltflächenebenen

Sie können eine neue Schaltflächenebene erstellen, indem Sie auf klicken + Ebene Schaltfläche auf der rechten Seite.

 

Erstellen-Button

 

Klicken Sie nach dem Ausfüllen des Formulars auf Ebene erstellen Taste. Auf Ihrer Folie wird eine neue Schaltfläche angezeigt.

 

image19

 

Mit dem Schaltflächenmanager können Sie Ihren eigenen Schaltflächenstil erstellen, speichern und später wiederverwenden. Normalerweise werden Schaltflächen für alle Folien definiert und sollten wiederverwendet werden.

 

image20


Sie können einen Stil mit dem linken Fensterwerkzeug erstellen und ihn dann einfügen / speichern / bearbeiten. Sie haben die Möglichkeit, den Hintergrund, die Rahmenstile und den Maus-Hover-Effekt zu definieren.

 

image21

 

Um eine Schaltfläche in den Inhalt einzufügen, haben Sie die Möglichkeit, auf Schaltfläche einfügen oder auf das Symbol + einer gespeicherten Schaltfläche zu klicken.

 

image22

 

Sie können auch einen vorhandenen Stil bearbeiten und speichern, indem Sie einfach auf den Stift klicken und die Parameter ändern.

 

image23

 

Schließlich können Sie einen benutzerdefinierten Link für die Schaltfläche definieren.

 

image24

 

3.3 Bildebeneneditor

Sie können eine neue Bildebene erstellen, indem Sie auf klicken + Ebene Schaltfläche auf der rechten Seite.

 

Bild erstellen

 

Sie können Ihr eigenes Symbol oder Bild in die Bildebene einfügen, indem Sie auf klicken Schaltfläche "Bearbeiten" um sie zu ändern.

 

image26

 

Dann können Sie Ihr eigenes Bild auswählen oder ein Bild aus unserer JU-Bibliothek oder ein Symbol aus Icon Finder verwenden.

Sie können natürlich die Position jedes Elements in der Vorschau per Drag'n Drop festlegen.

3.4 Videoebenen-Editor

Sie können eine neue Videoebene hinzufügen, indem Sie auf klicken + Ebene Schaltfläche auf der rechten Seite.

 

Video erstellen

 

Mit einem Klick auf Bearbeiten Symbol der Videoebene können Sie die Video-URL zur Ebene ändern. Es unterstützt Video-URL von Youtube, Vimeo, Dailymotion.

 

Video-Ebene bearbeiten

 

3.5 Übergänge

Sie können die Übergänge für eine Folie oder alle Folien in Ihrer Diashow festlegen. Es gibt zwei Arten von Übergängen: 2D und 3D.

 

Select-Übergänge

 

Jede Schicht hat Ebenenübergänge Registerkarte, so dass Sie Stil für sie wählen können.

 

Schichtübergang

 

IV. BILDBIBLIOTHEKEN

4.1 JoomUnited-Bibliothek


Die JU-Bibliothek ist eine externe Bibliothek, die wir hosten, um Ihnen schöne und kostenlose Bilder zur Verfügung zu stellen. Alle Bilder aus unserer Bibliothek werden heruntergeladen und auf IHREM Server gespeichert. Sie können es also so lange tun, wie Sie möchten.
Die Bibliothek ist zugänglich, solange Ihr Abonnement gültig ist.

 

image27


Die JU-Bibliothek enthält Beschneidungspfadbilder (mit transparentem Hintergrund) und Hintergrundbilder. Verwenden Sie das Häkchen, um eines oder beide auszuwählen.

 

image28

 

Sie können auch eine Tag-Suche durchführen.

 

image29


Sobald Sie ein Bild ausgewählt haben, können Sie es auf Ihren Server herunterladen und bearbeiten.

 

image30

 

4.2 Icon Finder Integration

Eine Icon-Finder-Integration ist ebenfalls verfügbar, um beispielsweise Symbole für soziale Netzwerke zu laden.

 

image31


Eine Suchmaschine wird geöffnet

 

image32

 

Sie können eine Anfrage stellen und auch das Größenfiltersystem verwenden.

 

image33

 

Anschließend können Sie wie im JU Library-Tool Ihr Symbol auf Ihren Server herunterladen. Sie haben auch Größen-Download-Optionen bezüglich der zuvor definierten Filterung.

 

image34