Spoilers in de lay-out van webpagina's worden gebruikt om een deel van de omvangrijke tekst, afbeelding of andere pagina-inhoud achter een link visueel te verbergen. Gebruik een speciale plug-in om een spoiler in Joomla te maken.
instructies:
Stap 1
Zoek en installeer in de Joomla-add-onsmap de Core Design Spoiler-plug-in. Voor een correcte werking heeft u ook de Core Design Scripteggrator-plug-in nodig, die automatisch JS-bibliotheken laadt (Highslide, jQuery en andere). Schakel na installatie beide add-ons in via de Plugin Manager.
Stap 2
Nu kunt u een spoiler met verborgen inhoud toevoegen door deze in de [spoiler]-tag te plaatsen. Zo'n tag kan niet alleen worden toegevoegd aan reguliere Joomla-artikelen, maar ook aan de materialen van de cataloguscomponenten, bijvoorbeeld in K2, ZOO, FLEXIcontent, etc.
Stap 3
Selecteer de manier waarop de spoiler wordt weergegeven in de plug-in-instellingen. Dit kan een eenvoudige link zijn of een knop. Specificeer ook de voorwaarde waaronder de spoiler wordt geopend - wanneer u klikt of de cursor beweegt.
Stap 4
Naast de opgegeven methode kan elk van de parameters handmatig worden opgegeven, in de [spoiler]-tag. De spoiler kan worden ingesteld met de elementparameter, die de linkwaarde specificeert voor weergave als link, of knop voor een knop.
Stap 5
De actie waarbij de spoiler wordt onthuld, kan worden aangewezen via de actieparameter, waarvoor geldige waarden zweven (bij zweven) of klikken (op klikken). Een unieke spoilertitel kan worden gemaakt met behulp van de Titel-parameter, waarbij de vereiste waarde tussen aanhalingstekens wordt opgegeven.
Stap 6
Als je bijvoorbeeld een spoiler wilt maken met de titel "Lees het vervolg van het verhaal", die wordt geopend door op de link met de titeltekst te klikken, gebruik dan de volgende tag: [spoiler title="Lees het vervolg van het verhaal" action = "klik" element = "link"]
Stap 7
Plaats na deze tag de tekst of afbeelding die u wilt verbergen en "sluit" de spoiler met de tag: [/spoiler]
