What is included?
1. All JavaScript source files and other media files.
2. All example files. (Youtube files, FLA files and Google Web Designer HTML5 Banners)
3. In depth tutorials about how to custom create the exact banner you are trying to make.
4. Ability to submit an HTML coded banner into DFP, OpenX , Adzerk or any other banner rotator system.
5. Yearly updates.
1. After you purchase upload the expandablebanners
folder to your website.
2. Reference the expand.js
file before the </head> of your page:
<script src="expandablebanners/expand.js"></script>
3. Add your JavaScript variables.
This includes your larger banner, close button, direction, rollover to open, animation speed and more.
<script>
var yourbanner = ExpandableBanners.banner("yourbanner", "images/400x400.jpg");
yourbanner.setCloseImage("images/closebutton.jpg", 'right', 'up');
yourbanner.animated = true;
yourbanner.setDirection('up', 'right');
yourbanner.expandOnClick = false;
yourbanner.animationSpeed = 0.4;
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded",function(){documentReady=true;});}
else if (!window.onload) window.onload = function(){documentReady=true;}
</script>
4. Lastly, add your first banner and DIV layer in the <body> of your page.
<div id="yourbanner">
<a href="http://www.yourwebsite.com"><img src="images/125x125.jpg" /></a>
</div>
Banner types: Opening: Closing: Dimensions: Animation: Show once per day: ClickTag: |
Images, Flash, HTML or HTML5 Click to open, rollover to open, auto-open, set a timer to open Close button, click to close, rolloff to close, set a timer to close, set the close button on the outside. Set any dimension to any dimension Set the opening/closing animation to be instant, fast or slow. Use a cookie to set any banner to show once per day. Any banner can be set with a 'clickTag' from the banner manager you might be using (eg, DFP, OpenX, Adzerk,) |