Outdated: Displaying Images as "object" Elements on Firefox 3
This section provides a tutorial example on how Firefox 3 renders images specified in 'object' elements.
To see how Firefox handles the <object> elements with image files as "data" values,
I opened object_gif.html created in the previous section with Firefox 3 as local file and got this result:
What I learned from the result:
- Test 1 shows that Firefox 3 is smart enough to use the file name extension .gif to determine the
content type, if "type" attribute is not provided.
The image is display properly in its original size, if "width" and "height" attributes are not provided.
- Test 2 shows that Firefox 3 uses "type" attribute, if it is provided. Firefox 3 does not
know how to render "audio/x-wav" data, so it uses the "object" element content instead.
This is why we see "Halloween on Yahoo!".
- Test 3 shows that Firefox 3 stretches the image size to match what is specified in "width" and "height" attributes.
However, when I uploaded object_gif.html to my Apache Web server and open it remotely,
Firefox 3 was able to render the image in test 2 correctly!
So what is the difference between opening object_gif.html as a local file
and as a remote Web page? Why Firefox behaves differently?
Here is my guess:
- When object_gif.html is opened as a local file with: file:///C:/herong/Flash/object_gif.html,
Firefox 3 retrieves the image file yahoo.gif with a Windows file read operation,
which does not provides any content type information.
- When object_gif.html is opened as a remote Web page with: http://www.herongyang.com/Flash/object_gif.html,
Firefox 3 retrieves the image file yahoo.gif with a HTTP GET request, my Apache Web server
returns the image file with response header containing "Content-Type: image/gif",
which provides a correct content type for Firefox to show the image.
Last update: 2010.
Table of Contents
About This Book
Introduction of Adobe Flash
Adobe Flash Player Plugin for Firefox
Adobe Flash Player Plugin for Chrome
Adobe Flash Player Plugin for Safari
Adobe Flash Player ActiveX for IE
Using "object" Elements for Flash Files
Using "embed" Elements for Flash Files
"mp3player" - MP3 Music Player
Flash Player Projector
SWFTools - SWF File Manipulation Tools
SWFC Script to Generate Flash SWF Files
ActionScript Embedded in SWFC Script
AS3Compile - ActionScript 3 Compiler
Adobe Flex SDK 4
SWF File Structure and Tags
SWF File Processing Rules
SWF Files for Video and Audio Streams
Outdated: Missing Adobe Flash Player Plugin on Firefox 26
Outdated: Installing Adobe Flash Player 13 for Firefox 26
Outdated: Adobe Flash Player 13 Installation with Adobe DLM
Outdated: Verifying Adobe Flash Player 10 Installation for Firefox 3
Outdated: Adobe Flash Player 10 Installation with Adobe DLM
Outdated: Missing Adobe Flash Player ActiveX on IE 8
Outdated: Verifying Adobe Flash Player Installation for IE 8
►Outdated: Displaying Images as "object" Elements on Firefox 3
Outdated: Displaying Images as "object" Elements on IE 8
Outdated: Playing Flash as "object[@data]" on IE 8
Outdated: Displaying Images as "embed" Elements on Firefox 3
Outdated: Displaying Images as "embed" Elements on IE 8
Outdated: Playing Flash as "embed" Elements on IE 8
Outdated: Downloading and Running Flash Player Projector 10
PDF Printing Version