Sunday, 25 September 2011

Page constructs & Preloading

One problem with flash menus is the difficulty getting them to be the right size on all broswers. I've therefore had a look at a few flash websites source code to see how they have constructed their html pages to contain their flash movies.

 zunejourney.net

<!-- saved from url=(0013)about:internet -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ZUNE</title>
<script type="text/javascript" src="js/swfIN.js"></script>

<style type="text/css">  body, html {margin:0; padding:0; height:100%} </style>
<link rel="shortcut icon" href="favicon.ico" />
</head>
<body scroll="no">

<script type="text/javascript">

	var s = new swfIN("movie.swf", "movie", "100%", "100%");
	s.detect( [9,0,47] , "noFlash/update.html", true);
	s.addParam("menu", "false");
	s.write();

</script><noscript>Javascript must be enabled to view this site</noscript>
</body>
</html>
<script type="text/javascript" src="http://www.google-analytics.com/urchin.js"></script>


<script type="text/javascript"> _uacct = "UA-3156166-1"; urchinTracker();</script>


I noticed within this script the default message for browsers without javascript. I used my iphone to access this website to see how it displayed.

This is what i got: 


https://mail.google.com/mail/?ui=2&ik=9d205eb2cf&view=att&th=1329fba79809bf31&attid=0.1&disp=inline&zw

When i build my flash project, i am going to see if it is possible to redirect the browser to a html based website using the noscript tag.

I also looked up fluid layouts for flash: http://active.tutsplus.com/tutorials/web-design/build-a-fluid-website-layout/

One other option is using javascript or jquery for interactivity, which would also display on mobile devices!

No comments:

Post a Comment