Flash animation as HTML page fixed background

Ambiera Forum

Discussions, Help and Support.

	Ambiera Forum > WebsitePainter
	Flash animation as HTML page fixed background

Zâmbi Guest
Quote
2011-04-20 22:02:04

Hi,

Thanks for your dev efforts. As big programming Kahuna, could you please tell whether it's possible to use Flash animations as fixed background, as though it were an image with html page text contents scrolling over it?

Regards.

erik Registered User
Quote
2011-04-21 08:13:21

That's not possible as far as I know. But you could try an animated .gif.

Zâmbi Guest
Quote
2011-04-21 12:49:47

wrote:
That's not possible as far as I know. But you could try an animated .gif.

Yes, it is. Pablo WYSIWYG Web Builder Premium edition provides this implementation through third party extensions. However, I must confess I am not sure whether it works, since I don't have a license myself yet for using or testing it. See here:

http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=5&t=38568&sid=31555b02ff9ab9704c3581d0d9ba8cbc

Regards.

Zâmbit Guest
Quote
2011-04-30 22:42:56

Try the following, which was made available at a WebPlus forum topic about the issue, although I myself haven't managed to make it work with Website Painter:

"This can be done quite easily in WP just needs a little copy and paste.

First go here and download the files including the SWF files, there are 5 SWF files in the zip file. The download link is the orange and black button below the text.

Then copy and paste the following:

<style type="text/css">
backflash {
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
</style>

<div id="backflash">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cabversion=8,0,0,0" width="100%" height="100%" id="backflash">
<param name="movie" value="ships.swf">
<param name="quality" value="Best">
<param name="wmode" value="transparent">
<param name="bgcolor" value="2A54C2">
<param name="scale" value="NoBorder">
<param name="menu" value="false">
<param name="loop" value="true">
<param name="allowfullscreen" value="false">

<param name="allowscriptaccess" value="sameDomain">
<embed src="ships.swf" width="100%" height="100%" quality="Best" wmode="transparent" bgcolor="2A54C2" scale="NoBorder" menu="false" loop="true" allowfullscreen="false" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
</div>

This can be done by using Insert>HTML>Web Object and Paste to body on a master page. Alternatively go into HTML view and paste it to the  placeholder.

Then add the ships.swf file via File Manager or if you used a HTML fragment in the Add Files box.

If you wish to use one of the alternative SWF files, e.g. ants.swf or clouds.swf edit the code above accordingly.

Note for it to work in IE you will need to change the Master Page Preamble to the Loose DTD

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

The other method X-UA-Compatible doesn't work in this instance. "

Of course, you need to get your .swf file as a testing example and place in the right folder for this to work.

Create reply:

Possible Codes

Feature	Code
Link	[url] www.example.com [/url]
Bold	[b]bold text[/b]
Image	[img]http://www.example.com/image.jpg[/img]
Quote	[quote]quoted text[/quote]
Code	[code]source code[/code]

Emoticons