Layer Slideshow documentatie

Invoering

Layer Slideshow biedt een unieke en toch eenvoudige ervaring om een ​​diavoorstelling met meerdere dia's en lagen in Joomla te maken.

 

Layer-Slideshow-main

 

I. LAYER SLIDESHOW INSTALLEREN

1.1 Installeren

Ons onderdeel is Joomla 3.x compatibel. Alle functies en integraties van derden zijn opgenomen in alle lidmaatschappen.
Om onze component te installeren, moet je het extensie .zip-bestand downloaden en het standaard Joomla-installatieprogramma gebruiken.

 

joomla-install

 

Klik vervolgens op Bladeren> Uploaden en installeren knop, component, modules en plug-ins worden standaard geactiveerd.

 

1.2 Update en automatische updater

Om de extensie te updaten, kun je een nieuwe versie installeren over de oude versie door het ZIP-bestand te downloaden van JoomUnited of gebruik de automatische updater (aanbevolen).

 

post-rating update

 

De automatische updater, die de updatemelding pusht, is ingesloten in de Joomla-extensie die u hebt geïnstalleerd. U krijgt dus een melding zoals elke andere extensie in het dashboard of via het menu: Uitbreiding> Beheer> Update menu.

Meld u aan om uw account bij te werken

U moet inloggen op uw JoomUnited-account om al uw JoomUnited Joomla-extensies te updaten. Om toegang te krijgen tot de hoofdconfiguratie van het onderdeel, klikt u op de Live update-tabblad. Onderaan vindt u een inlogknop.

 

live Update

 

Voer uw Joom United referenties in, dezelfde die u gebruikt om hier in te loggen @ www.joomunited.com

 

login-joomunited

De knop wordt oranje, gefeliciteerd! je kunt nu alle Joom United-extensies op deze website bijwerken! Als uw lidmaatschap is verlopen, krijgt u een vernieuwingslink en een tekst die dat verklaart.

 

-Account die is gekoppeld

Opmerking: met één enkele login kunt u alle JoomUnited-extensies bijwerken (met betrekking tot uw lidmaatschap). Inloggen verloopt niet tenzij u de verbinding verbreekt.

 

II. DIAVOORSTELLING THEMA'S

2.1 Dia maken

Het belangrijkste idee van Layer Slideshow is om een ​​mooie diavoorstelling te maken met lagen zonder complexiteit.
Op de hoofdinterface heeft u aan de linkerkant toegang tot een nieuwe knop. Elke nieuwe diavoorstelling bevat dia's en lagenopties.

 

image7

 

Als u geen thema's heeft, kunt u onze voorbeeldthema's raadplegen. Er zijn in totaal 5 thema's beschikbaar, klik alstublieft Laad thema knop om te bekijken.

 

image8

 

Als je er eenmaal een hebt gekozen, wordt het middengedeelte opnieuw geladen met thema-achtergrond, links en lagen. De lagen zijn gegroepeerd in het rechterpaneel.

 

image9

 

Merk op dat elk thema een ander lay-outnummer heeft, thema 1 heeft 1 laag, thema 2 heeft 2 lagen ...


Onder de dia kun je zien Bekijk alle dia's knop en er zijn 3 apparaten (laptop / desktop, tablet, mobiel) om te controleren hoe uw diavoorstelling eruit zal zien.

Je kan ook gebruiken Dubbele dia of Nieuwe dia toevoegen knop aan de rechterkant.

 

slide-knop

 

Elke dia bevat Bewerk en Verwijderen icoon

 

image11

 

Als u een eigen diavoorstelling wilt maken, kunt u de knoppen in het rechterpaneel gebruiken. Zie het volgende hoofdstuk hieronder.

2.2 Lay-outinstellingen

U kunt voor elke diavoorstelling een specifieke lay-out definiëren. Het is beter om de lay-out te definiëren voordat u de laageditie start, omdat deze de breedte van de afbeelding, de tekstgrootte, de positie van de items bepaalt ...

 

image12

 

De lay-outopties voor de diavoorstelling zijn de volgende:

  • Responsive: Maak uw diavoorstelling met adaptief element voor mobiele apparaten, alle tekst, afbeeldingen worden dynamisch aangepast met betrekking tot mobiele apparaten
  • Diavoorstelling uitlijnen: Lijn de hele diavoorstelling uit
  • Breedte / hoogte: definiëren de breedte / hoogte van de diavoorstelling. Dit is de belangrijkste parameter, want zodra de set is ingesteld, kunnen alle afbeeldingen die u in de diavoorstelling plaatst worden aangepast met onze bijsnijdfunctie voor deze dimensie. Als u de grootte wijzigt, moet u mogelijk uw afbeeldingen bijwerken.
  • Looptijd: Definieer elke dia-duur
  • Knopstijl: definieer de stijl van het navigatie-element
Om een ​​diavoorstelling op volle breedte te maken, hebt u twee opties: stel de breedte in op "100%" of definieer een vaste volledige grootte, bijvoorbeeld 1900 px breedte.

2.3 Voeg een diavoorstelling toe aan uw inhoud

Om een ​​diavoorstelling in uw inhoud toe te voegen en online te plaatsen, moet u de editor-knop gebruiken. Laad een artikel, een aangepaste module of iets anders en klik op de Layer Slideshow knop.

 

image13

 

Kies vervolgens een diavoorstelling om in te voegen

 

image14

 


III. SLIDE UITGAVE

3.1 Schuif achtergrond

Elke dia heeft een achtergrond, u kunt uw dia's laden vanuit uw afbeeldingenbibliotheek of onze online bibliotheek gebruiken.

 

image15


De kiezen knop opent een lightbox met een mediabeheerder, dit is een verbeterde versie van de Joomla media manager.

 

image16


Het biedt u opties om nieuwe afbeeldingen te verslepen, nieuwe afbeeldingen te selecteren, te verwijderen, te passen of toe te passen op afbeeldingen.

image17


Het belangrijkste is de bijsnijdfunctie. De bijsnijdfunctie laadt een venster met uw afbeelding en een frame dat de grootte van de diavoorstelling heeft die in de lay-out is gedefinieerd.

 

image18


Klik op de Afbeelding bijsnijden om de afbeelding bijgesneden als achtergrond in te voegen.

3.2 Button layer-editor

U kunt een nieuwe knoppenlaag maken door op te klikken + Laag knop op het rechterpaneel.

 

create-knop

 

Klik na het invullen van het formulier op Maak een laag knop. Een nieuwe knop verschijnt op uw dia.

 

image19

 

Met de knopmanager kunt u uw eigen knopstijl maken, opslaan en later opnieuw gebruiken. Meestal worden knoppen voor alle dia's gedefinieerd en moeten deze opnieuw worden gebruikt.

 

image20


U kunt een stijl maken met de tool aan de linkerkant en vervolgens invoegen / opslaan / bewerken. U hebt opties om achtergrond, randstijlen en muisaanwijzingseffect te definiëren.

 

image21

 

Om een ​​knop in een inhoud in te voegen, hebt u de optie om op de knop Invoegen of + symbool van een opgeslagen knop te klikken.

 

image22

 

U kunt ook een bestaande stijl bewerken en opslaan, klik op de pen en wijzig de parameters.

 

image23

 

Ten slotte kunt u een aangepaste link voor de knop definiëren.

 

image24

 

3.3 Editor voor de beeldlaag

U kunt een nieuwe afbeeldingslaag maken door op te klikken + Laag knop op het rechterpaneel.

 

Maak afbeelding

 

U kunt uw eigen pictogram of afbeelding in de afbeeldingslaag invoegen door op te klikken Bewerk knop om ze te veranderen.

 

image26

 

Vervolgens kunt u uw eigen afbeelding kiezen of een afbeelding uit onze JU-bibliotheek of een pictogram uit de pictogramzoeker gebruiken.

U kunt natuurlijk de positie van elk element uit het voorbeeld bepalen met drag'n drop.

3.4 Videolaag-editor

U kunt een nieuwe videolaag toevoegen door op te klikken + Laag knop op het rechterpaneel.

 

create-video

 

Door op te klikken Bewerk pictogram van de videolaag, kunt u de video-URL wijzigen in de laag. Het ondersteunt video-URL van YouTube, Vimeo, Dailymotion.

 

bewerk-video-layer

 

3.5 Overgangen

U kunt de overgangen voor een dia of alle dia's in uw diavoorstelling instellen. Er zijn 2 soorten overgangen: 2D en 3D.

 

select-overgangen

 

Elke laag heeft Laagovergangen tabblad, zodat u stijl voor hen kunt kiezen.

 

laag-overgang

 

IV. BEELDBIBLIOTHEKEN

4.1 Joom United-bibliotheek


JU Library is een externe bibliotheek die we u gratis aardig en gratis kunnen aanbieden. Alle afbeeldingen uit onze bibliotheek worden gedownload en opgeslagen op UW server. Dus je kunt het zo lang als je wilt.
Bibliotheek is toegankelijk zolang uw abonnement geldig is.

 

image27


De JU-bibliotheek bevat afbeeldingen van uitknippaden (met transparante achtergrond) en achtergrondafbeeldingen. Gebruik de vink om een ​​of beide te selecteren.

 

image28

 

U kunt ook een tag-zoekopdracht maken.

 

image29


Zodra u een afbeelding hebt geselecteerd, kunt u deze op uw server downloaden en bewerken.

 

image30

 

4.2 Icoonzoeker-integratie

Een pictogramzoeker-integratie is ook beschikbaar om bijvoorbeeld pictogrammen voor sociale netwerken te laden.

 

image31


Een zoekmachine zal dan worden geopend

 

image32

 

U kunt een aanvraag doen en ook het formaatfiltersysteem gebruiken.

 

image33

 

Vervolgens kunt u, net als in de JU Library-tool, uw pictogram downloaden op uw server. U hebt ook downloadopties voor het formaat met betrekking tot de eerder gedefinieerde filtering.

 

image34