Der findes mange gode lightbox scripts til jQuery. Min personlige favorit var indtil i går var Fancybox, men i forbindelse med et nyt WordPress tema jeg arbejder på (glæd dig!), stødte jeg ind i problemer mellem den og jQuery pluginet Roundabout. Jeg arbejdede bogstavlig talt i flere timer på en løsning af problemet – Jeg kom tæt på, men fandt den aldrig.
Jeg begyndte derfor, at lede efter et nyt script. Der findes rigtig mange, men ikke rigtig nogen der passede indtil jeg kom forbi Colorbox. Jeg prøvede det, det virkede og det er vildt niiice!
Grunde til at bruge Colorbox
Her er nogle af grundene fra Colorboxs hjemmeside til at bruge Colorbox.
- Understøtter billeder, billede grupper, slideshow, ajax, inline, og iframe indhold
- Lightweight: mindre end 9KB javascript!!
- Det er dejlig let at ændre udseendet via CSS
- Kræver ingen ændringer i din HTML
- Genererer valid XHTML
En af fordelene er, at det er så dejlig let. Både at arbejde med og i filstørrelse. Plugin filen er bare 9kb, der bruges kun 2 billeder og der skal næsten ingen CSS til.
Der er 5 forskellige styles til at starte med, men det er nemt at lave sin egen ved, at skifte grafikken ud og tilføje noget CSS.
Her er et eksempel fra det WordPress tema jeg arbejder på. Få linjer CSS og en enkelt billede udskiftning. Kan det blive nemmere?
Så står du og mangler et jQuery lightbox, så anbefaler jeg klart Colorbox. Nu er det godt nok ikke meget, jeg har fået arbejdet med Colorbox, men indtil får det 5/5 stjerner.
Download Colorbox og læs meget mere om hvad du kan gøre med Colorbox
Halløj.. Jeg er i gang med min hjemmeside, som skal fungere som en portfolio.. Men jeg kan simpelt hen ikke forstå, hvordan jeg får sådan et galleri ind på siden.. Jeg kan godt html og css, men forstår ikke hvordan jeg får det til at virke. Jeg mangler lidt, trin 1, trin 2 osv, og måske på dansk 🙂 Jeg ved ikke om du har lyst til at hjælpe, men det ville i hvert fald være en rigtig stor hjælp 🙂
Mvh. Cheline
Hej,
Når du downloader Colorbox, er der mapper med eksempler. Du kan prøve at se hvad der er gjort i dem.
Du kan også se dem her http://github.com/jackmoore/colorbox