Back to Tutorial
 

Example 13:
Takeover Flash



This the code you'd use for the Flash Banner

<script type="text/javascript">
var squarecentercenter = ExpandableBanners.banner("squarecentercenter", "flash/takeover.swf", 800, 600);
squarecentercenter.setCloseImage("images/blank.gif", 'left', 'top');
squarecentercenter.animated = false;
squarecentercenter.setDirection('up', 'right');
squarecentercenter.expandOnClick = true;
</script>

<script type="text/javascript" src="swfobject/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("flash/125X125.swf", "large_exp", "125", "125", "9.0.0", "swfobject/expressInstall.swf");
</script>

<body>

<div id="squaretopleft" style="width:125px;height:125px;">
<div id="large_exp"> Here is where you put your backup image. <img src="images/square.jpg">
</div>
</div>

</body>

 


All Examples

Example 1: Images - animated no close button (All Directions)
Example 2: Images - animated no close button - click to open (All Directions)
Example 3: Images - animated with close button (All Directions)
Example 4: Images - animated with close button click to open (All Directions)
Example 5: Images - instant-open with close (All Directions)
Example 6: Images - instant-open no close (All Directions)
Example 7: Images - Auto-open after 2 seconds
Example 8: Flash - w/backup images
Example 9: HTML - Animated with a close button
Example 10: HTML - Animated with no close button

 

Example 11: HTML - Instant-open with no close button
Example 12: Takeover Images Animated
Example 13: Takeover Flash
Example 14: Takeover HTML
Example 15: Corner Page Peel
Example 16: Corner Page Peel with Close button
Example 17: Text
Example 18: Text click to open - with Close button
Example 19: Responsive HTML