10/3/2010 11:11:24 AM
Title:
CS3: Website with HTML frame and Flash content
My whole website is currently Flash, embedded in Dreamweaver, though most of the images are in made in Photoshop (my website is very visual). I want to set the frame as HTML with mouseover links with Flash content in the middle so that when a user loads the page, they will see the HTML frame and the Flash part will display a loading bar rather than having the loading bar for the whole page and no content for the user to see until it is complete.
My URL is http://www.goodwinsanimations.com/
Thanks
P.s. I can keep it as it is but I think it would work better this way. I don't know much in the way of coding or much about Dreamweaver.
10/4/2010 2:07:21 AM
from you r question what I understood is that you require your links to be in html and the content to be in flash. So that you links load faster than the rest of the page. For that you can remove the links from flash and place the links in the html using dreamweaver. You can use table with two rows, In first row place your links and in the second row put your flash file. The html content will show up faster as page is loaded and later flash content when its loading is completed.
Actually I didn't felt any need to do this in your website. Your website is quite fast and flash content is loading quickly without any wait.
A suggestion : Keep you site in original size and place your flash in a div (layer) in html and align the div to center of page. In this way you flash file will not be stretched and will be placed in center of page . Know its looking quite untidy due to stretched images on my widescreen laptop. The stretching is usually done when the graphics inside are just vector graphics of flash and not images. Because images distort on changing size.
10/4/2010 11:13:23 AM
Thanks. When I do that, the graphic diplays twice, one under the other, despite there only being the one piece of code. How did that happen? This is my whole script:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<LINK REL="SHORTCUT ICON"
HREF="/~your_directory/icon.ico">
<meta name="google-site-verification" content="bNwS79Gv_9CXecwHkFvS_U7Dqa9-Ip-NR2l7p9c7Ap0" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Goodwins Animations</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<style type="text/css">
<!--
a:link {
color: #000000;
}
body {
background-color: #FFFFFF;
}
body,td,th {
color: #000000;
}
.style8 {
font-family: "Arial Rounded MT Bold";
color: #FFFFFF;
font-size: xx-small;
}
.style10 {color: #FFFFFF}
.style11 {font-size: small; font-family: "Arial Rounded MT Bold";}
a:visited {
color: #000000;
}
a:hover {
color: #0000FF;
}
a:active {
color: #000000;
}
.style16 {
font-size: small
}
.style12 { color: #000000;
font-size: 10px;
}
.style17 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.style19 {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.style3 {color: #000000
}
.style20 {font-size: large}
-->
</style>
</head>
<body>
<p align="center" class="style8 style16">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','100%','height','100%','align','middle','src','home v10.3b','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','scale','exactfit','movie','home v10.3b' ); //end AC code
</script>
<noscript>
</noscript>
</p>
<p align="center" class="style3 style20">
<noscript>
</noscript>
<noscript></noscript>
<noscript>
</noscript>
<!--Start of Flash graphic-->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="100%" height="100%" align="middle">
<param name="movie" value="home v10.3b.swf">
<param name="SCALE" value="exactfit">
<embed src="home v10.3b.swf" width="969" height="622" align="middle" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="exactfit"></embed>
</object>
<!--End of Flash graphic-->
</p>
<noscript>
<div
class="statcounter">
<p class="style10"><a title="free hit counter"
href="http://www.statcounter.com/" target="_blank"><span class="style11">Visitor counter </span><img
class="statcounter"
src="http://c.statcounter.com/3714626/0/c4bce2f4/0/"
alt="free hit counter" ></a></p>
</div></noscript>
</body>
</html>
10/4/2010 11:14:58 AM
Ah, I forgot to reset the size, but I still get the duplication issue.
Shawn
Points: 680
Posts:0
10/4/2010 11:02:13 PM
your html source is having two swf tags. The first one is through javascript this one
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','100%','height','100%','align','middle','src','home v10.3b','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','scale','exactfit','movie','home v10.3b' ); //end AC code
</script>
the second tag (Object tag) needs to be inside noscript tag because it only works when javascript is not working in browser.
You have taken it out of noscript tag so both the tags are working now and displaying swf files. If you wish to change any parameters like height width then change them in both the tags script and object