Home > Others

The transparent background of Flash in Dreamweaver

Source: Internet
Author: User
Tags object html page insert version dreamweaver
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞
Dreamweaver| Transparent we often receive some beginners network industry to create the problem, many of the problems in fact very simple, as long as the use of thinking can be solved, but some netizens do not like to think more, a problem would not want to go directly to ask others, this approach to learning is not very good. And the author of this article learned a skill, he found that this technique in two environments display different results, this time to compare the two environments generated source code difference is undoubtedly the best way to solve the problem! And that's exactly what he did, and finally solved the problem. The problem involved in this article is not too difficult, but the author found that the problem, the idea of solving the problem is worth our study!

First of all loyal thanks to Lingyu 5942 for my help! In his inspiration, I found another way to achieve the flash transparent background, is willing to work with you to explore

Lingyu 5942 inform the solution: in the Flash HTML release option to select Windows Mode/transparent windowless, published as HTML, insert Web page can be transparent flash effect.

Yes, if you do this, you can publish an HTML page with transparent Flash. But there is a problem: The Flash animation that is published only displays transparency in the HTML pages it publishes with it, and if you create a new file with Dreamweaver, insert it in the page, save the-->>F12 preview, we'll find it opaque! What the hell is going on here?

I have carefully compared the HTML pages with flash and the source code of the two HTML pages with Flash animations made with Dreamweaver:

1. The source code of the HTML page issued by Flash:

<HTML>
<HEAD>
<TITLE>Movie2</TITLE>
</HEAD>
<body bgcolor= "#000000" >
<!--URL ' s used in the movie-->
<!--text used in the movie-->
<!--fdsaaaa Aaaaaaa-->

<object classid= "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
Codebase= "http://download.macromedia.com/pub/shockwave/cabs/flash
/swflash.cab#version=5,0,0,0 "
width=550 height=400>
<param name=movie value= "http://edu.cnzz.cn/NewsInfo/Movie2.swf" >
<param name=quality value=high>
<param Name=wmode value=transparent>
<param Name=bgcolor value= #FFFFFF > <!--changed the background to black after it was exported with Flash, which was designed to facilitate the observation of transparency-->
<embed src= "http://edu.cnzz.cn/NewsInfo/Movie2.swf" Quality=high wmode=transparent bgcolor= #FFFFFF width=550 height=400 type= "Application/x-shockwave-flash" pluginspage= "http://www.macromedia.com/shockwave/ Download/index.cgi? P1_Prod_Version
=shockwaveflash "></EMBED>
</OBJECT>
' Www.knowsky.com
</BODY>
</HTML>

2. The source code for the HTML page with Flash animation produced by Dreamweaver:

<title>untitled document</title>
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">

<body bgcolor= "#000000" text= "#000000" ><!--background is also black, the purpose is to facilitate the observation of transparent effects-->
<object classid= "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase= "http://download.macromedia.com /pub/shockwave/cabs/flash
/swflash.cab#version=5,0,0,0 "width=" height= ">"
<param name=movie value= "http://edu.cnzz.cn/NewsInfo/Movie2.swf" >
<param name=quality value=high>
<embed src= "http://edu.cnzz.cn/NewsInfo/Movie2.swf" Quality=high pluginspage= "http://" Www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version
=shockwaveflash "type=" Application/x-shockwave-flash "width=" "height=" >
</embed>
</object>
</body>

Please carefully compare the two pieces of code <object> tags in the <embed> tag, we found that the difference: the former has parameters wmode=transparent the latter is not, which is the key to the transparency of flash!

Please think about the Dreamweaver of Flash's properties panel, does it have an impression on parameter? Do you know the usefulness of it?

Now let's use the Dreamweaver to do the transparent effect: Select the Flash animation that you just inserted, right-click the mouse to select Properties, and then click the Parameter button, clicking the Plus icon in the dialog box that pops up. Type wmode in the parameter on the left and type transparent in the Value box on the right, click OK, press F12 to preview, ok! the transparent effect we want to appear!

Let's not get excited, we're going to extend this technique, can it work on any animations that flash defaults (that is, no changes to Windows Mode/transparent windowless)? After my experiment, it was proved to be a universal trial. In other words, after inserting any flash animation in Dreamweaver, it can achieve the transparent background effect of Flash with properties→parameter→wmode→value=transparent setting.

In fact, about Dreamweaver Flash animation parameter In addition to wmode there are many kinds of, please in the later study more attention, more exchanges!



This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
orange transparent background heart image transparent background bra transparent background jpeg transparent background png transparent background download set background color transparent transparent background jpg

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More