dcsimg
A Flash Developer Resource Site

Results 1 to 3 of 3

Thread: Flash banner over html HELP!!

  1. #1
    Member
    Join Date
    Feb 2007
    Posts
    52

    Flash banner over html HELP!!

    I have built a Flash version of the infamous page peel banner ad. My problem now is how to get it positioned OVER the contents of an existing web page. Should be a simple thing, but I'm stumped. I'm a newbie with anything but basic html. I've seen mention of dhtml, div layers, etc. I have Dreamweaver (but have never used it) if there's a simple way to accomplish it with that software.

    Never attached a file before, so hope it shows up below.
    Attached Files Attached Files

  2. #2
    Junior Member
    Join Date
    Sep 2008
    Posts
    1
    I have wrapped your flash in a div tag and used absolute positioning to put it in the top right corner. Here is the changed code on your html file

    Code:
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>PagePeel_v2</title>
    <script language="javascript">AC_FL_RunContent = 0;</script>
    <script src="AC_RunActiveContent.js" language="javascript"></script>
    <style type=text/css>
    #banner1 {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index:1;
    }
    </style>
    </head>
    <body bgcolor="#0099ff">
    <!--url's used in the movie-->
    <!--text used in the movie-->
    <!-- saved from url=(0013)about:internet -->
    <div id="banner1">
    <script language="javascript">
    	if (AC_FL_RunContent == 0) {
    		alert("This page requires AC_RunActiveContent.js.");
    	} else {
    		AC_FL_RunContent(
    			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0',
    			'width', '800',
    			'height', '600',
    			'src', 'PagePeel_v2',
    			'quality', 'high',
    			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
    			'align', 'middle',
    			'play', 'true',
    			'loop', 'true',
    			'scale', 'showall',
    			'wmode', 'transparent',
    			'devicefont', 'false',
    			'id', 'PagePeel_v2',
    			'bgcolor', '#ffffff',
    			'name', 'PagePeel_v2',
    			'menu', 'true',
    			'allowFullScreen', 'false',
    			'allowScriptAccess','sameDomain',
    			'movie', 'PagePeel_v2',
    			'salign', 'rt'
    			); //end AC code
    	}
    </script>
    <noscript>
    	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="800" height="600" id="PagePeel_v2" align="middle">
    	<param name="allowScriptAccess" value="sameDomain" />
    	<param name="allowFullScreen" value="false" />
    	<param name="movie" value="PagePeel_v2.swf" /><param name="quality" value="high" /><param name="salign" value="rt" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" />	<embed src="PagePeel_v2.swf" quality="high" salign="rt" wmode="transparent" bgcolor="#ffffff" width="800" height="600" name="PagePeel_v2" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    	</object>
    </noscript>
    </div>
    See the style I added to your head section and the div with ID banner1 wrapping your flash. I tested it in Opera 9.23 IE 7.0.5730.11 and FireFox 3.0.1.
    Joe

  3. #3
    Member
    Join Date
    Feb 2007
    Posts
    52

    Flash over html

    LIFESAVER!!

    Thanks.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center