How are they getting this window to appear in the center of the page?

Hey, guys!

Head out to http://www.cabinets.com/kitchen-cabinets/deerfield-collection/springfield-maple-espresso?wallcabinets=468 and click on any of the "add to cart" buttons. When you do, a pop up appears in the middle of the page while the main page behind is veiled behind an opaque grey color. How are they doing this?

Thanks!
Bruce GustPHP DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Darren ReederSchool IT TechnicianCommented:
You could use a jquery Plugin such as fancyBox or lightbox!

Click the image on the examples below to see an example of what it looks like.

http://fancyapps.com/fancybox/#examples

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Bruce GustPHP DeveloperAuthor Commented:
Darren! This looks great! Do you know if there's an open source equivalent? $19.00 is not a big deal, but while I've got on you the phone, I wanted to ask.
Darren ReederSchool IT TechnicianCommented:
https://plugins.jquery.com/tag/lightbox/

CLick that link to browse through similar plugins that achieve the same result. I didn't realise that fancybox was a premium plugin.

Colorbox is open source and on github!

http://www.jacklmoore.com/colorbox/
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.