It is a jQuery tool that display iframe, images and videos in a LightBox, the content will float over the webpage content. The difference with WinLightBox to other lightbox plugin is that it will focus more on iFrame element.
Required jQuery v1.11.1 or less (http://jquery.com/)
Firefox, Google Chrome and IE 7+
On your head tag or elsewhere from your HTML, add the script tag
<script type="text/javascript" src="winlightbox.js"></script>On your "<a>" tag use the example options to configure dimensions of the WinLightBox.
<a href="cobbler-popup-newsletter.php" data-width="800" data-height="460" class="winlightbox">WinLightBox Me!</a>Using WinLightBox on single selector
$('.winlightbox').winLightBox();With some coding you can automatically attach WinLightBox to all of your specific selector.
$('your_selector').each(function(index, element) {
$(this).winLightBox();
}Calling WinLightBox to open specific link with dimension options.
$.winLightBox({href:"http://github.com",width:800,height:460});Using WinLightBox inside the iframe to access the parent page.
parent.$.winLightBox({href:"http://github.com",width:800,height:460});Here are all options that you can configure with the WinLightBox.
{
href:"http://github.com",
width:800,
height:460,
background:"#fff",
positionHorizontal:"center", // values: left, center, right
positionVertical:"center", // values: top, center, bottom
responsive:false // values: true, false
}