<div>
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.
</div>


<div>
<a href="https://plugins.jquery.com/tag/lightbox/" rel="ugc">https://plugins.jquery.com/tag/lightbox/</a><br />
<br />
CLick that link to browse through similar plugins that achieve the same result. I didn't realise that fancybox was a premium plugin.<br />
<br />
Colorbox is open source and on github!<br />
<br />
<a href="http://www.jacklmoore.com/colorbox/" rel="ugc">http://www.jacklmoore.com/colorbox/</a>
</div>


<div>
<div class="content wysiwyg-content">
Hey, guys!<br />
<br />
Head out to <a href="http://www.cabinets.com/kitchen-cabinets/deerfield-collection/springfield-maple-espresso?wallcabinets=468" rel="ugc">http://www.cabinets.com/kitchen-cabinets/deerfield-collection/springfield-maple-espresso?wallcabinets=468</a>&nbsp;and click on any of the &quot;add to cart&quot; 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?<br />
<br />
Thanks!
</div>
</div>


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!

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

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Page layout, also known as desktop publishing, is the part of graphic design that deals in the arrangement of visual elements on a page. It generally involves organizational principles of composition to achieve specific communication objectives. With print media, elements usually consist of type (text), images (pictures), and occasionally place-holder graphics for elements that are not printed with ink such as die/laser cutting, foil stamping or blind embossing. Commonly used programs include Adobe PageMaker and InDesign, Corel Ventura, QuarkXPress, Microsoft Publisher and Xara, along with more specialized programs such as TeX, LaTeX and LyX.