|
Get Rid of the Box
NEW!
Works with ALL Flash Files
UPDATE:
If you are using the browser IE6+, you have to click the square around the flash
component first to use the gallery. You've seen this on a lot of sites. Here is
the workaround for getting rid of the box which not only looks more
professional, but gets rid of one little aggravation for all your visitors that
browse with IE6+.
I'm always amazed when I go to a
major site and still see a clickable box around a flash file on the main page.
You would think the 'big boys' would know how to get rid of it. Since IE 6 was released with the security measures
(not to mention the lawsuit that MS lost which allowed the auto play of Java in
IE), there has been a box
around every flash component embedded in HTML. Since this is a major source of
aggravation for the IE user, it is to the web designer's advantage to get rid of
it for your users' sake. The workaround is relatively
easy.
An external javascript file is
created separately with the flash code for each flash file you want the box to
disappear for and points to the file telling it to run the
object. Without an external file, when IE 6+ sees the code in the HTML page, it
automatically asks you if you want to allow it to run and you have to click on
the file to activate it before you can use it. That's pretty aggravating (I'm
sure you've noticed) so
someone came up with the idea to create an external file that bypasses the
ambitious IE6 security measure. Here's how to get rid of it in a nutshell.
First, click on this file gallery.js
and save it to your root directory where the
HTML page that holds your flash file is located. All it is, is just an
external javascript file that tells the flash file to automatically start
playing in the page. It just takes the flash code out of the page and puts it into an
external javascript text file. If you want to edit this file,
you need to open it in wordpad or notepad first, edit and then re-save it as a
plain text file with the same filename and .js extension. You can edit the flash
.swf file name, width and height of the movie, background color and name of the
object (RunWhatever) for any flash file you want to put on your site, giving
each flash file their own name.
Second, open the HTML
page where your flash file is going to be embedded and switch to HTML view.
Somewhere between the <HEAD> and </HEAD> tags you need to copy this line of
script:
<script src="gallery.js"
language="JavaScript" type="text/javascript"></script>
You will notice that the file it
is referencing in the page is pointing to your external .js file. The name of
this file must match the name of your external file or it ain't a gonna work.
Third, add this line of
code in the body of the page wherever you want the Flash file to appear:
<script language="JavaScript"
type="text/javascript">RunGallery();</script>
Notice that this line is
referencing the object named Gallery. You can give it any name you want as long
as it matches the Run file name in the .js file. That's basically all there is to
it. Now upload all the files to your server and if you did everything right, you
should see your flash file without the box around it when you view it in
IE6+. Better still... now all the visitors to your site using IE6+ will
see your flash without the box around it.
Make sure you upload all your
files to your server including your .swf file. Failure to upload the .swf file
to the server is the most common error for failure to launch. :)
|
Template Support |
FAQ
|
Contact | 
