Deploying lightboxes on your web site couldn't be easier. Our code wizard will generate all of the HTML code for you.
All you have to do is copy and paste that code into the bottom of your web page near the
The code wizard also gives you the option to adjust the auto-close timeout if the default 15 seconds doesn't suit your purposes.
Don't like the default close button? You can change it by going to
Settings > Basic > Code Wizard
Remember this needs to be a global function in order for it to be visible to the lightbox wrapper code.
Adding a custom header and footer to the lightbox simply involves including an initially hidden
tag and/or a
<div id="lightbox_footer"> tag ahead of the ad serving tag for the lightbox.
<div id="lightbox_header" style="display: none; text-align: center; margin-bottom: 24px"> <img src="/images/logo.png" border="0" width="116" height="50" alt="AdvertServe" /> <span style="padding: 32px">Click here to continue to www.advertserve.com</span> </div>
<div id="lightbox_footer" style="display: none; text-align: center; margin-top: 24px"> <span>This advertisement from our sponsors will close in <span id="lightbox_countdown"></span> seconds...</span> </div>
Notice that we've included a special
<span id="lightbox_countdown"></span> tag in the footer. It will be dynamically
updated with the number of seconds remaining before the lightbox is closed. This is completely optional, of course, but it may be
included in the header or the footer.