Lichtbak-effecten inschakelen om afbeeldingen te openen in een overlay met een gedimde achtergrond.

Een lichtbak is een ontwerpeffect dat een afbeelding opent in een gecentreerde overlay en de rest van de pagina dimt wanneer een afbeelding wordt aangeklikt. Door op de x in de rechterbovenhoek te klikken, wordt deze gesloten en keer je terug naar de pagina. Lightboxen zijn een geweldige manier om afbeeldingen uit te lichten en te vergroten voor bezoekers die ze beter willen bekijken.

Een video kijken

Voordat je begint

• Pinch-to-zoom wordt niet ondersteund voor lichtbak-afbeeldingen op mobiele apparaten.
• Als je site op Squarespace versie 7.0 draait, variëren de opties voor de galeriepagina afhankelijk van je sjabloon.

Wijzig de achtergrondkleur van de lichtbak

Voor galeriegedeelte in versie 7.1 kun je je lichtbak in elke gewenste kleur vormgeven in de gedeeltethema-editor.

In de meeste andere gevallen kun je in de blokinstellingen of sitestijlen een donkere of lichte overlay voor de lichtbak kiezen. Zie de gedeelten over afbeeldingblokken, galerieblokken en galeriepagina's voor meer informatie.

Galeriegedeeltes (versie 7.1)

Galeriegedeelten in rasterlay-outs in versie 7.1 hebben een lichtbakoptie in de gedeeltestijlen. Om de lichtbak in te schakelen:

1. Klik op bewerken op de pagina, zweef over het galeriegedeelte en klik op het potloodpictogram.
2. Zorg ervoor dat het galerietype is ingesteld op raster: eenvoudig, raster: strokens of raster: masonry. Diavoorstellingslay-outs ondersteunen geen lichtbakfunctie.
3. Zet de lichtbak aan.
4. Klik op opslaan om je wijzigingen op te slaan en verder te gaan met bewerken, of op afsluiten en vervolgens op opslaan om de editor te sluiten.

Om de kleur van de lichtbak te ontwerpen:

1. Open de sitestijlen tijdens het bewerken van een pagina en klik vervolgens op Kleuren.
2. Zweef over het thema dat bij je galeriegedeelte past en klik op het potloodpictogram.
3. Gebruik in het galeriegedeelte de lichtbak-achtergrond om een kleur voor de lichtbak te kiezen.
4. Om de kleur van de navigatieknoppen van je lichtbak te wijzigen, gebruik je de aanpassing lichtbakpictogram.
5. Klik op opslaan om je wijzigingen op te slaan en verder te gaan met bewerken, of op afsluiten en vervolgens op opslaan om de editor te sluiten.

Houd er rekening mee.

• De onderschrifttekst wordt niet weergegeven in de lichtbak van het galeriegedeelte.
• Als je doorklik-URL's aan afbeeldingen toevoegt, zet dan een lichtbak aan. Door te klikken op de afbeelding, ga je naar de URL. De lichtbak gaat niet open.

Afbeeldingblokken

Afbeeldingsblokken ondersteunen een lichtbak wanneer:

• Gebruikmakend van de in-line lay-out (bij 7.0-sites en 7.1-gedeelten die de klassieke editor gebruiken)
• Toegevoegd aan een Fluid Engine-gedeelte 

Schakel als volgt een lichtbak in:

1. Voeg een afbeeldingblok toe of dubbelklik op een bestaand afbeeldingblok om de afbeeldingseditor te openen.
2. Klik op het Ontwerp tabblad.
3. Als je blok een lay-outoptie heeft, zorg er dan voor dat deze is ingesteld op in-line. Andere lay-outs bieden geen ondersteuning voor een lichtbak.
4. Zet de lichtbak aan.
5. Kies tussen Dark Overlay en Light Overlay voor de stijl van je lichtbak met het Lichtbakthema -uitklapmenu.

Houd er rekening mee.

• Onderschriften worden altijd weergegeven wanneer je met de muis over een lichtbakafbeelding zweeft, ongeacht welke optie je kiest voor het weergeven van onderschriften. Op mobiele apparaten worden ze weergegeven wanneer je op het bolletje-pictogram tikt.
  
  • Afbeeldingsblokken die aan de gedeelten van Fluid Engine zijn toegevoegd, ondersteunen geen onderschriften. Je kunt een tekstblok gebruiken om tekst naast of over een afbeeldingblok toe te voegen. Deze tekst wordt niet weergegeven in de lichtbak. 
• Het is niet mogelijk om een lichtbak in te schakelen als je een doorklik-URL toevoegt.
• Om lightboxes ingeschakeld te houden en afbeeldingen te linken, voeg je een tekstlink toe aan de beschrijving van de afbeelding. Voor afbeeldingsblokken ondersteunen bepaalde lay-outs ook knoppen.

Rastergalerieblokken

Nadat je je afbeeldingen aan een rastergalerieblok hebt toegevoegd, klik je op het tabblad Ontwerp en vink je lichtbak aan. Stel de stijl van je lichtbakdiavoorstelling in door Dark Overlay of Light Overlay te kiezen in het uitklapmenu.

Houd er rekening mee.

• Onderschriften worden altijd weergegeven wanneer je met de muis over een lichtbakafbeelding zweeft. Op mobiel worden ze weergegeven wanneer je op het stipicoon tikt.
• Diavoorstelling, carrousel en stapelgalerieblokken ondersteunen geen lichtbak.
• Als je doorklik-URL's toevoegt en een lichtbak inschakelt, opent de lichtbak in plaats van de URL wanneer je op de afbeelding klikt.
• Om video's in een lichtbak te openen, moet je de optie "Miniatuur gebruiken" inschakelen in de instellingen van je item.

Samenvattingsblokken

Wanneer een muur- of rastersamenvattingsblok is gekoppeld aan een galeriepagina, worden de afbeeldingen automatisch geopend in een lichtbak-diavoorstelling. De kleur van de lichtbak in het samenvattingsblok is altijd donker. Onderschriften worden weergegeven bij zweven.

De lichtbak-diavoorstelling beïnvloedt doorklik-URL's:

• Bij het bekijken van de pagina openen afbeeldingen met doorklik-URL's de doorklik-hyperlink wanneer erop wordt geklikt, in plaats van de lichtbak-diavoorstelling te openen.
• Als de lichtbakdiavoorstelling geopend is, worden doorklik-URL's uitgeschakeld.

Tip: In versie 7.0 kunnen sites die een lichtbak ondersteunen video's die zijn toegevoegd aan galerijpagina's openen in lichtbakken in samenvattingsblokken. Om dit mogelijk te maken, schakel Videominiatuur in de iteminstellingen in voor video's op je galeriepagina. Als je dit niet inschakelt of als je sjabloon geen lichtbak ondersteunt, worden video's in het samenvattingsblok afgespeeld zonder ze te openen in een lichtbak.

Galeriepagina's (versie 7.0)

Sommige galeriepagina's van sjablonen op versie 7.0 ondersteunen een lichtbak-functie. Voor standaard galeriepagina's kun je de kleur van de lichtbak instellen op Licht of Donker in sitestijlen. Videobeschrijvingen worden niet weergegeven in de lichtbak.

Zie de onderstaande tabel voor meer informatie over de werking van de lichtbak-opties in deze sjabloonfamilies.