Back to Tutorial

Image Example 6 Billboard Banner: Image to Image - Autoopen, click to close

To change the speed and time, simply change the time to


<script type="text/javascript">
var _gPDBSpeed = 1;
var _gPDBTime = 1;

The first line calls the close JavaScript function which will close the banner. The second line plays the timeline again and should Stop on the first frame again.

All Examples

Example 1 - Images - 1 image, click to open, click to close
Example 2 - Images - Auto opens afer 2 seconds, click to close
Example 3 - Images - Auto opens afer 2 seconds, click to close - adds a cookie so you only view it once.
Example 4 - Images - 1 image expand to HTML, the first image dissappears to reveal the 2nd banner.
Example 5 - Images - Change the Speed
Example 6 - Image Billboard - Auto-open, no animation
Example 7 - Flash Billboard - Auto-open, no animation
Example 8 - Flash Auto Expand - Auto-open
Example 9 - Flash Pencil - Skinny pencil flash ad
Example 10 - Flash Click to open - click to open
Example 11 - Flash Rollover Countdown - Rollover, 3,2,1 countdown.


With the billboard banner you will need to add this auto-open JavaScript to the top of the page.


<script type="text/javascript">
window.onload = function() {
setTimeout("PushdownAd.get('PushdownAd1').open();toggle()", 1);


Now you will need to add this JavaScript (to the top of the page)
to allow the first banner to appear and dissappear.


<script type = "text/javascript">
function toggle() {
var d1=document.getElementById("pushdownopen");
var d2=document.getElementById("pushdownclose");
if ( =="block") { ="none";
else { ="block";
if ( =="block") { ="none";
else { ="block";


Now you will need to wrap your first banner and your second banner with these DIV tags.

<div id="pushdownopen"> First Banner </div>

<div id="pushdownclose"> Second Banner </div>


With the Billboard Banner the first banner still appears for an instant before the 2nd banner appears.
The only way I've noticed to get around this is to create an animated gif that is blank for the first few seconds. (Then have the "Show Ad" text appear.)


Remember that you can put images, flash or HTML inside of the above DIV layers.