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

Bruce Gust
Bruce Gust used Ask the Experts™
on
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!
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
School IT Technician
Commented:
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
Bruce GustPHP Developer

Author

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 Technician

Commented:
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/

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial