I know how to use a fancy boxes and I know there are tons of them.
My goal is to create a very simple one, more for tutorial purposes and curiosity.
I just wonder how do they work. If I understand well, a fancy box is :
1) disabling all events on a html page
2) display a semi transparent image on top
3) display a centered div in top.
point 3 seems very clear. I just wonder how points 1 and point 2 work.
Any clue ?
regards
1 and 2 are the same thing. By placing a semi-transparent overlay over the entire page (this is usually an absolutely positioned div with 100% width and height) you prevent the user from interacting with any of the inside elements.