A very good multi res eg. How was it done?

S

sittingmonk

New Member
Hi All,
I feel this is a very good solution to a site looking good on nearly any resolution.

http://www.animallogic.com/

As far as I can see there are two .swf files.
the BG swf with the large images is set to scale (show all) but only adjusts with
vertical movement NOT horizontal.

The second swf is the content which is centered and set to no-scale ie: 100%

What are your thoughts people?

How was it done?

huge thanks in advance

SM07
 
S

sittingmonk

New Member
Well, I did some searching and found that part of the answer was right under my nose the whole time.

Publish setting - scale option set to - no border solves the BG scaling part.

But I still don't know how they've kept the text/content centered and not scaled ie. 100% actual size.

any idea's ?????
 
Last edited:
S

sittingmonk

New Member
This is the source of the page:
can any one translate this to english for me??
My Java script skills are pretty poor :(

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Animal Logic</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/swfobject.js"></script>
<!-- <script type="text/javascript" src="js/swfaddress.js"></script>-->
<script type="text/javascript" src="js/swfmacmousewheel.js"></script>

<style type="text/css">

/* hide from ie on mac \*/
html {
height: 100%;
overflow: hidden;
}

#flashcontent {
height: 100%;
}
/* end hide */

body {
height: 100%;
margin: 0;
padding: 0;
background-color: #FFFFFF;
font: 76% Arial, sans-serif;
}
</style>
</head>
<body>
<div id="flashcontent">
<strong>You need to upgrade your Flash Player!</strong>
</div>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject('main.swf', 'website', '100%', '100%', '8', '#FFFFFF');
so.useExpressInstall('js/expressinstall.swf');
so.addParam('menu', 'false');
so.addParam('scale', 'noscale');
so.write('flashcontent');

var macmousewheel = new SWFMacMouseWheel( so );
// ]]>
</script>

</body>
</html>
 
zkiller

zkiller

Super Moderator
Staff member
the site is all flash. they are merely using css to scale the flash content to the max with of the window and hiding the overflow. that's why everything will be centered regardless of the resolution, seeing as it is all part of one large object.
 
You must log in or register to reply here.
Top