De Lightbox-feature op Tweakers
Het klinkt leuk, maar wat is het?
Als je de nieuwsberichten en reviews op de Frontpage wel eens gelezen hebt, ben je er vast wel een paar tegengekomen waar foto's of screenshots bij stonden. In veel gevallen staan er thumbnails welke aan te klikken zijn, en in plaats dat deze openen in een nieuwe tab of venster of in een hinderlijke pop-up komt de Lightbox in actie waarin de foto's of screenshots in origineel formaat worden weergegeven.
Handig, maar kan ik er ook gebruik van maken?
Hier kan ik volmondig Ja! op antwoorden.
Tell me more!
Als zelf tweakers.net user zijnde is het ook mogelijk hier gebruik van te maken op je Tweakblog en in je productreviews. Op het forum is het (nog) niet mogelijk.
Gelukkig zijn er geen extra tags of codes nodig om de Lightbox mogelijkheid in te schakelen, het is eigenlijk niets meer dan een uitbreiding van de [url]-tag. Een normale thumbnail met een linkje naar het origineel is als volgt:
1
| [url=http://grootplaatje.gif][img]http://thumbnail.gif[/img][/url] |
Wil je echter de Lightbox gebruiken dan wordt de UBB-code als volgt:
1
| [url=http://grootplaatje.gif,"Afbeeldingsbeschrijving",setnaam][img]http://thumbnail.gif[/img][/url] |
• De 'afbeeldingsbeschrijving' is wat er linksonder de afbeelding komt de staan in de Ligtbox.
• De 'setnaam' is de naam van de groep waar de afbeeldingen deel van uitmaken.
Dit laatste kan verwarrend zijn in het geval van een enkele foto of meerdere sets/groepen die je toe wilt voegen. Zo heeft een enkele afbeelding alsnog de setnaam nodig en als je meerdere foto's in dezelfde lightbox-loop wilt hebben moeten ze allemaal dezelfde setnaam krijgen.
De theorie snap ik, nu voorbeelden
Natuurlijk is de pure uitleg niets zonder voorbeelden om iets duidelijk te maken.
| ||||||||||||||||||||
De twee afbeeldingen linksboven openen in een nieuw tabblad/venster. Die rechtsboven is een enkele afbeelding in de Lightbox en heeft in dit geval als 'setnaam' solo meegekregen. De 4 afbeeldingen onderin hebben allemaal als setnaam quatro meegekregen en zijn weer een aparte set naast de 'solo'.
En zoals te zien is bij de onderste afbeeldingen is de tooltip uit de [img]-tag niet gelijk aan de tekst onder het origineel in de Lightbox, dit valt dus ook nog naar eigen wens aan te passen.
11-'09 F5 je DM-rechten weg
10-'09 Cheapass DealExtreme PC remote review door Wiethoofd
Reacties
wederom een nuttige blog!!!
keep up the verektes goei work
[Reactie gewijzigd op vrijdag 23 oktober 2009 16:29]
Misschien dat het plaatje hetzelfde kan blijven van grootte, maar dat er dan een kleiner plaatje op een grijze achtergrond zichtbaar is oid?
Verder is het denk ik gewoon zaak dat de auteur ervoor zorgt dat hij plaatjes van dezelfde afmetingen gebruikt
@Eegee: De Tweakers.net 'lightbox' is niet dé Lightbox maar een zelfgeschreven applicatie.
offtopic wel een gammel behang, nofi.
[Reactie gewijzigd op vrijdag 23 oktober 2009 20:56]
Het is geen behang. Het is onze vroegere kinderkamer en er was geen tijd voor een paintjob voordat de planken en bureau er in gingen, ik stoor me er niet aan
edit: en ik blijf het jammer vinden dat die scrollbalk bij een serie plaatjes niet overeenkomst met t.net design.
[Reactie gewijzigd op zaterdag 24 oktober 2009 13:37]
Het is dat ik een fotoalbum hier op tweakers heb, er random een paar uit heb gezocht en heb gebruikt in m'n stukje
[Reactie gewijzigd op zaterdag 24 oktober 2009 13:38]
On: Zeer handige post! Hier doen we wat mee
Ja, daarop zat m'n Zotac ION ITX A-E aangesloten voor verbruiksresultaten in m'n reviewquote: mfruOff-T: Heb je nou een wattmeter in 't stopcontact hangen?
Reageren is niet meer mogelijk