Fullscreen Lightbox-diavoorstellingen met Lightgallery.js
Elke geweldige blog- of portfoliowebsite kan profiteren van een modale lightbox-diavoorstelling. Dit kan goed voor zijn presentatie van gerelateerde foto's of bezoekers laten bladeren door een portfolio met werk (ontwerp, kunst, fotografie).
Met lightgallery.js, jij gewoon installeer de bibliotheek en laat het rennen. U kunt het instellen met een willekeurig aantal foto's en elke dia neemt het volledige scherm in beslag.
Ik verkies deze plugin enorm boven andere diavoorstellingen die maar een deel van het scherm beslaan. Met lightgallery.js, alle focus gaat naar de diavoorstelling en de eerste zichtbare afbeelding.
Onderaan elke dia vindt u een kleine beschrijving met links of welke tekst je maar wilt.
In de rechterbovenhoek ziet u een reeks knoppen voor uitgebreide functies. In volgorde gaan ze als volgt:
- Speel diavoorstelling
- Zoom in / uit
- Browser op volledig scherm
- Sociaal delen
- Afbeelding downloaden
- Sluit de diavoorstelling
U kunt kiezen en kiezen met welke van deze knoppen u wilt weergeven bewerken van de opties wanneer u de plug-in belt.
Sterker nog, ik ben versteld van hoeveel details in de documentatie zijn gegaan. Het heeft details voor opties en callback-methoden. Maar u zult ook informatie vinden voor aangepaste gegevensattributen, Sass-variabelen, en zelfs een plugin API om modules te bouwen op lightgallery.
Oh, en heb ik al gezegd dat het zo is? volledig mobielvriendelijk? U kunt foto's met uw vinger door de galerij vegen of zelfs met een muis.
Het is de perfecte keuze voor een ontwerper of fotograaf die op zoek is naar een briljante methode om hun portfolio op hun site weer te geven.
Je kan zelfs invoeg iframes of video's van sites zoals YouTube of Vimeo. Dit is echt de beste lightbox-galerij-plug-in die de best mogelijke gebruikerservaring biedt.
Deze bibliotheek is vrij van alle afhankelijkheden en het werkt op pure JavaScript. Maar het speelt leuk met grote bibliotheken zoals jQuery of Bootstrap.
Als je dit liever hebt als een jQuery-plug-in er is een lightgallery.js plug-in geport voor jQuery-gebruikers. Je kunt een zien volledige demo op de demo pagina of bekijk de pen hieronder. En als u de broncode ga naar de GitHub repo en pak een kopie voor jezelf.