Expandable Banners

The Stand-alone media kit will work on any website or banner manager system.

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.

Installation/How to use the stand-alone media kit

1. After you purchase upload the slidebanners folder to your website.

2. Reference the slide.js file before the </head> of your page:

<script src="slidebanners/slide.js"></script>

3. Add your JavaScript variables.
This includes your the dimensions, the direction, how far from the sides, click close to disappear, or have a re-open button

<script>
     var banner5;
     window.onload = function(){ 
     banner5 = new SlideBanner({
     html_id:'slidebanner', 
     html_height:600, 
     html_width:120, 
     direction:'right', 
     right:0, 
     top:30,
     scrollwithpage:true, 
     delay:1,
     autoclose:200000, 
     closebutton:{className:'closeButton'},
     closebuttonid:'buttonclose1',
     onshow:function(sb){ 
     sb.closebutton.innerHTML = '';
     sb.closebutton.className = 'closeButton'; 
     },
     onclose:function(sb){
     sb.closebutton.innerHTML = '';
     sb.closebutton.className = 'reopenButton';
     }});
     document.getElementById('slidebanner').style.opacity='100';
     };
</script>

4. The CSS - Add your close button and open button images

<style type="text/css">
.closeButton{
height:110px;width:40px;background: url('images/banners/close.jpg') no-repeat top right;}

.reopenButton{
height:110px;width:40px;background: url('images/banners/open.jpg') no-repeat top right;}
		
</style>

5. The DIV layer - Add this inide your <body> tag - This is where you add your URL and banner image, HTML of Fash.

<div id="slidebanner" style="width:120px;height:600px;z-index:2000;opacity:0">
<a href="http://www.yourwebsite.com"><img src="images/banners/slide_black_120x600.jpg"></a>
	</div>

All available options:

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

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,)

Buy Now - Download Now

Compatible with: