Simple Widescreen Flash auto-resize per screen resolution?
Hello,
Im new here as you can see,
I am making a website, a very simple design for my photography.
Here is a screenshot so it makes better sense what im about to try and explain:
http://img225.imageshack.us/img225/6143/previewss.jpg
The slideshow that you see will be on the front page, and I have already made the flash file for it, and it works great. You hover over the right/left edge of the slideshow and it scrolls right/left showing more images.
Its a very simple website design,
I was just using a few divs to get the job done, the flash movie in its own div.
My problem is, I have never done a flash file like this where the flash movie needs to span the full width of the screen.
So if I view this on a smaller monitor, the flash file is to big for the screen, and you have to scroll the page over to the right/left to see the whole flash file. Which makes it really hard for users with smaller monitors to have the ability to scroll the slideshow left or right.
So I would really want for the flash file in the div to automatically size to the width of the screen/resolution of the viewing computer... if that's possible
and I really have no idea how to get this done. I tried searching and searching.
The coding for the div:
Code:
<div id="flash">
<object width="1597" height="639">
<param name="movie" value="slideall3works.swf">
<param name="wmode" value="opaque" />
<embed src="slideall3works.swf" width="1597" height="639" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="opaque">>
</embed>
</object>
</div>
And the coding for the CSS:
Code:
@charset "utf-8";
/* CSS Document */
body { margin: 0px; padding: 0px;
background-color: #000000;
}
#flash {
height: auto;
width: auto;
margin-right: auto;
margin-left: auto;
top: 165px;
position: relative;
}
I would be really grateful it somebody could give me a few tips or ideas on how to do this?
Thanks in advance,
Nick
