Verbeter afbeeldingen en houd de aandacht van een bezoeker vast door mouse-overeffecten toe te passen.

Zweefeffecten tonen informatie of creëren beweging wanneer je cursor over een afbeelding beweegt. Dit voegt een subtiel niveau van interactie en animatie toe aan je site en kan een geweldige manier zijn om titels en onderschriften te onthullen zonder een afbeelding te verbergen of extra ruimte in te nemen op een pagina.

Je kunt zweefeffecten gebruiken op elke site met afbeeldingblokken en diavoorstelling-galerieblokken. Afhankelijk van de versie en het sjabloon van je site, ondersteunt je site mogelijk ook zweef-effecten in andere delen van je site. Deze handleiding beschrijft elk onderdeel in detail.

Tip: De meeste mobiele apparaten ondersteunen geen zweefeffecten, dus de ervaring van je bezoekers kan variëren afhankelijk van het apparaat dat ze gebruiken om je site te bezoeken.

Afbeeldingblokken

Afbeeldingblokken die zijn toegevoegd aan het gedeelten van Fluid Engine bieden geen ondersteuning voor zweefeffecten of ingebouwde onderschriften. Maak onderschriften door een tekstblok te gebruiken om tekst toe te voegen naast of over een afbeeldingblok.

Je kunt een onderschrift van een afbeelding weergeven bij zweven in In-line afbeeldingblokken.

1. Voeg een nieuw afbeeldingblok toe of open een bestaande.
2. Klik op het tabblad Ontwerpen en selecteer in-line.
3. Klik op het tabblad Inhoud en selecteer vervolgens Onderschrift-overlay bij zweven uit het Onderschrift -uitklapmenu.
4. Zweef over het afbeeldingblok. Klik in de zwarte overlay die verschijnt op Schrijf hier een onderschrift... en voer je onderschrift in.
5. Na het opslaan van de pagina verschijnt het onderschrift bij zweven. Gebruik stijlaanpassingen om het onderschrift van de afbeelding te stijlen.

Diavoorstelling galerieblokken

Je kunt de titels en beschrijvingen van afbeeldingen weergeven wanneer de muisaanwijzer zweeft in een galerieblok voor een diavoorstelling.

• Zweefeffecten zijn alleen beschikbaar in het ontwerp van het diavoorstellingsgalerieblok.
• Titels en beschrijvingen worden niet weergegeven op mobiele apparaten die smaller zijn dan 480 pixels.
• Onderschriften die zo zijn ingesteld dat ze bij zweven worden weergegeven, kunnen verschijnen op grotere apparaten, zoals tablets, of op kleinere apparaten in liggende modus. De onderschriften worden altijd weergegeven of verschijnen bij tikken of lang ingedrukt houden, afhankelijk van het mobiele apparaat.

Om tekst toe te voegen en zweefeffecten in te schakelen:

1. Voeg een nieuw diavoorstellingsgalerieblok toe of open een bestaand blok.
2. Ga naar het tabblad Inhoud, zweef over een afbeelding en klik op de .
3. Voer een titel en beschrijving in. Je kunt ook een optionele doorklik-URL toevoegen. 
4. Klik op Opslaan.
5. Klik op het Ontwerp tabblad.
6. Controleer Titel en beschrijving weergeven.
7. Selecteer een positie in het Titel- en beschrijvingspositie uitklapmenu.
8. Klik op Weergeven bij zweven.
9. Klik op Toepassen.

Portfolio-pagina's

Sommige portfoliopagina-lay-outs ondersteunen zweefeffecten. Kies in de portfoliopagina-editor een van de volgende lay-outs:

• Zweven: Achtergrond - Toont de projecttitels in een gestapelde of in-line lay-out. Als je over een titel zweeft, vervangt de uitgelichte afbeelding van het project de achtergrond van het gedeelte.
• Zweven: vast - Toont de projecttitels in een gestapelde of in-line lay-out. Als je met de muis over een titel zweeft, wordt de uitgelichte afbeelding kleiner weergegeven op een vaste positie in het gedeelte.
• Zweven: cursor volgen - Toont de projecttitels in een gestapelde of in-line lay-out. Wanneer je over een titel zweeft, wordt de projectuitgelichte afbeelding kleiner weergegeven en volgt de cursor terwijl deze beweegt. 

Voor meer informatie, bekijk de portfoliopagina's. 

Winkelpagina's

Zweef-effecten werken anders, afhankelijk van de versie van je site. 

Galeriepagina's (versie 7.0)

Sommige sjablonen ondersteunen zweefeffecten voor galeriepagina's. Je kunt deze effecten inschakelen en aanpassen met behulp van sitestijlen.

De titels en beschrijvingen van afbeeldingen verschijnen bij zweven voor diavoorstelling- en rasterontwerpen in deze sjablooncategorieën:

• Adirondack
• Vlieger
• Bedford
• Pekel
• Farro
• Vijf
• Galapagos
• Oorspronkelijk
• Pacific Tijd
• Skye
• York

Zweefeffect inschakelen en aanpassen

Terwijl u op de galeriepagina bent, opent u sitestijlen en scrolt u omlaag naar Galeriestijlen. Klik op Galerijontwerp: en selecteer Diavoorstelling of Raster.

• Diavoorstelling - Selecteer Weergeven bij zweven uit het Gallery Info-overlay uitklapmenu . Titels en beschrijvingen worden weergegeven bij zweven. Onderschriften die bij zweven verschijnen, kunnen op grotere mobiele apparaten, zoals tablets, of op kleinere apparaten in liggend worden weergegeven. Onderschriften zullen ofwel altijd worden weergegeven of verschijnen bij tikken of lang indrukken, afhankelijk van het mobiele apparaat.
• Raster - Titels en beschrijvingen verschijnen bij zweven wanneer de afbeelding wordt geopend in een lichtbak, tenzij de afbeelding een doorklik-URL heeft. Ga voor meer informatie naar Afbeeldingen instellen om in een lichtbak te openen.

Andere effecten voor je galeriepagina per sjabloon

Galerijpagina's hebben speciale zweefeffecten in deze sjabloonfamilies:

• Forte – Als je met de muis over de carrousel van de galeriepagina zweeft, worden navigatiepijlen weergegeven. Als je over een onderschrift zweeft, wordt het onderschrift naar boven verschoven, zodat je langere beschrijvingen kunt lezen.
• Momentum - Pijlnavigatie bij zweven op volledig scherm.
• Tremont - Geef onderschriften weer bij zweven.
• Wexley - Wanneer je met de muis over afbeeldingen in een galerijpagina beweegt, zie je de titel van de afbeelding en een kleur-overlay.

Indexpagina's (versie 7.0)

Indexpagina's hebben in de volgende sjablooncategorieën speciale zweefeffecten:

• Avenue - Als je met de muis over een miniatuur zweeft, verandert de opaciteit. Je kunt de navigatietitel van de pagina ook weergeven door de muis eroverheen te zweven.
• Flatiron - Zweven boven een miniatuur zoomt in en beweegt mee met de afbeelding.
• Montauk - Zweven over een miniatuur verandert de transparantie ervan.
• Tremont - Door met de muis over een paginatitel te bewegen in de indexnavigatie, verschijnt de uitgelichte afbeelding van de pagina als achtergrondafbeelding.
• York - Miniatuurafbeeldingen vervagen bij het zweven en miniatuurtitels worden weergegeven bij het zweven.

Raadpleeg hun sjabloonhandleidingen voor meer hulp.