Exempel på thickboxanvändning
Hur irreterande var det inte förr i tiden när man fick upp nya webläsarfönster hela tiden?! Varje gång man skulle öppna en bild så ploppa den upp i en popup eller tog över hela sidan. Detta har Smoothbox, Thickbox och Lightbox löst genom ett javascript som tonar ner hela sidan och öppnar bilden centrerat i webläsarfönstret, väl öppet kan du bläddra bland flera bilder.
Det är otroligt enkelt att använda, det enda du behöver göra är att länka in ett javascript och ladda upp eventuella bilder. När det är gjort behöver du bara sätta en css-class på länken som ska öppna bilden så känner scripten igen vilka bilder som ska öppnas.
Personligen gillar jag Thickbox bättre då den klarar annat än bara bilder som Lightbox gör. Använder du Thickbox kan du förutom bilder få fram textblock, minibrowser, html innehåll och även innehåll från ajaxanrop. Smoothbox provade jag aldeles nyss, och den ska tydligen följa W3 standarden till 100% och ska vara snarlik Thickbox+några extra futures.
En av sidorna där jag använt tickbox är på hedvigeleonoras hemsida på varje sida finns det en liten ruta med relevanta bilder till innehållet. Sidan är för övrigt byggd med CMS Made Simple som jag tidigare skrivit om.
Smoothbox: http://gueschla.com/labs/smoothbox/
Thickbox: http://jquery.com/demo/thickbox/
September 12, 2008
Javascript