Maak een fotogallerie

NextGen

Er zijn diverse mogelijkheden om een fotogalerie te maken. Via plugins of via scripts.

De meest bekende plugin is NextGen Gallery. Hiermee kun je hele albums aanmaken.

Hummerbie heeft een uitstekende Nederlandstalige handleiding geschreven over de werking van deze WordPress plugin.

NextGen Gallery kan in combinatie met andere plugins leuke resultaten geven. Bijvoorbeeld met JJ NextGEn JQuery Slider.

FancyBox for WordPress

NextGen kan wat ingewikkeld overkomen. Daarom wil ik je de volgende plugin graag laten zien.
Onderstaande fotogalerie is met deze plugin gemaakt, nl:

FancyBox for WordPress.

Maak in 7 stappen een gallerie

Hieronder vind je de stap voor stap afbeeldingen in de fotogalerie.

Stap 1:

Maak een nieuwe pagina of bericht. Klik op het icoontje: Afbeelding toevoegen, links boven de knoppenbalk.
Dit werkt namelijk niet met afbeeldingen die reeds in de bibliotheek zitten.

Stap 2:

Zorg dat het tabblad Van computer openstaat.

Klik op de knop Bestanden kiezen.

Selecteer de afbeeldingen op je computer die je wilt gebruiken en klik op de knop Openen.

Stap 3:

Wacht een ogenblik totdat alle bestanden zijn ge-upload.

Stap 4:

Belangrijk, want foutje in het programma!

Klik op alle wijzigingen opslaan, pas daarna komt er een nieuw tabblad tevoorschijn, nl.: Galerij

Stap 5:

Onder de afbeeldingen zie je nu de Galerij instellingen. Vink Afbeeldingsbestand aan als je je afbeelding vergroot op dezelfde pagina wilt weergeven.

Stap 6:

Klik op de knop: Galerij instellingen bijwerken.

Je ziet nu een kader met foto en fototoestel.

Stap 7:

Sla je bericht of pagina op (Opslaan als concept) en bekijk via Bericht tonen of de knop Voorbeeld het resultaat.

Voìla, het resultaat!

 

 

Een klein probleempje: als je op een pagina èn de gallerie van FancyBox èn een losse foto wilt plaatsen, de gallerie slokt alle foto’s op….

Update: Lightbox Plus

Ik ben altijd op zoek geweest naar een pop-up waarin behalve foto’s ook video’s geplaatst konden worden.
Tot voor kort heb ik daar eigenlijk nooit goed in kunnen slagen.

Maar met Lightbox Plus kan het wel!

Hier een voorbeeld van een Youtube filmpje over een bijtende baby.

Lightbox Plus kan echter nog meer: inhoud van andere websites in een popup weergeven.

FancyBox en Lightbox Plus kunnen tegelijkertijd actief zijn. (Tenminste, ik heb nog geen problemen ermee gehad!)

Update 2: Easy FancyBox

Het blijkt dat Lightbox Plus, hoe mooi ook, niet met alle thema’s even goed samen werkt. Easy Fancybox kan bijna hetzelfde als Lightbox plus en werkt meestal bij die thema’s waar Lightbox Plus het laat afweten. De meeste codes zal de plugin wel herkennen, en anders zul je een class moeten toevoegen  aan de link. Bekijk de code hieronder maar eens.

<a class=”fancybox-youtube”  title=”Youtube video” href=”http://www.youtube.com/v/_OBlgSz8sSM”><strong>een bijtende baby</strong></a>

Geef een reactie