jQ Lightview 2.0 released

Så kom den store dag hvor version 2.0 er udkommet.

Den nye version byder på en stor ny feature, som har været ønsket i lang tid. Der er desuden blevet rettet en bug, som også har givet hovedpine for nogle brugere. Se eksempler og cases her, eller download den gratis og brug den på dit eget website.

Ny feature

Problem

Infoområdet under billedet har være med fra starten og giver mulighed for at indsætte sin egen html, med informationer om billedet, eller hvad man ellers har kunnet finde på at sætte ind. Det har dog kun været muligt at vælge en fast højde for området, som ikke ændresnår billederne bliver større eller mindre. Det har især været et problem hvis billederne har varieret i bredden, da teksten så vil kunne presses sammen og ud af det angivne område.

Løsning

Løsningen er blevet en mouseover effekt på informationsområdet, som lader området udvide sig op over billedet. Der måles på indholdets størrelse, så man altid vil kunne få vist hele indholdet. En pil bliver indsat over informationsområdet, når indholdets højde overskrider højden på området.

Til pilen er der lavet en ny grafik, som kan overskrives i en ny setting “InfoArrowUp”. Jeg har været nød til at ændre på “ImageMarginBottom” setting’en for at gøre plads til den nye pil. Den er derfor ændret fra 10 til 20 pixels. Læs om alle settings her.

Bugfixes

vertikal placering af højre/venstre pile

højrevenstrepilene har været fastlåst med en bestemt top position. Denne position er kun blevet ændret når pilen er blevet vist. Hvis galleriet derfor resizer, fulgte pilenes vertikale position altså ikke med, og de kunne komme til at sidde skævt i forhold til galleriet.