Grey Out the Background - Jquery

Ill show you how to grey out the background and have a box of centered content on top. We use jquery to help.

Category:

Science & Technology

Tags:

• jquery
• background
• fade out
• grey out
• darken
• grey
• fade
• bg
• cover
• lightobx
• lightbox
• light
• video
• programming

[fhunkydelix]

@optikalefxx What does the var images = ["image.gif"]; part do? I didn't see you use that variable.

[optikalefxx]

@fhunkydelix so the variable is called images and not image, because its actually and array of images. I was making my own lightbox effect so you could define multiple images at the same time. For more than one image it would be var images= ["image1.gif","image2.gif","im­age3.gif"] and so on.

[warlord90210]

Great video as always, this is a great tutorial to give your page a professional feel to it, you tend to see effects like this on sites like that, yet it's really easy to implement with such a powerful library like jQuery,

Looking forward to your next video. I'll try to put out some more soon.

[optikalefxx]

@warlord90210 thanks!. The hardest part is making your content on top of the grey box work in IE7. It doesn't like fixed very much.

[orchid1software]

cool thanks for the tutorial

[optikalefxx]

@trainsforyou That's why we hire designers.

[warlord90210]

Yeah... well we all know that IE doesn't like to do a lot of things... haha.