luni, 4 octombrie 2010

Cum să faci un ligthbox să stea la mijloc cu jQuery

Am avut de executat recent un script care să facă un facebox să stea în mijlocul ferestrei chiar dacă aceasta își schimbă dimensiunile, de exemplu atunci când este redimensionată de utilizator. De fapt, thickbox are implicit această funcție, însă sit-ul respectiv utiliza facebox, din motive de .... design.

jQuery și-a dovedit și de această dată utilitatea. În cazul meu, div-ul pricina avea id-ul facebox, așa că este adresat cu ”#facebox”. Iar aici e script-ul:



Asta ține lightbox-ul în mijloc atunci când fereastra navigatorului este redimensionata. Pentru a poziționa un lightbox în centru, la încărcare, avem următorul cod:



Insa cele mai multe lightbox-uri au deja implementată funcția de centare, așa că nu veți mai avea nevoie de acest cod.

Niciun comentariu:

 

Blogul s-a mutat la o noua adresa!

Vei fi redirectionat automat la noul domeniu. Daca nu vrei sa astepti mergi la http://adrian.silimon.eu/ si nu uita sa-ti actualizezi semnele de carte (bookmarks).