I have created a slideshow system and everything works fine, but I have an issue when posting onto a webpage.
The images are all 200x266, therefore the whole slideshow is 200x266. When I test this it's fine. When I export it as a movie and run this independently it runs at 200x266.
Yet when I plug it into the website it reduces significantly.
The CSS div I use to contain the flash file is:
The HTML is:
If I remove [, "Photos", "266", "200", "7", "#fff"] from the SWFObject file there is no impact upon Firefox but the flash images do not appear in IE8.
If I leave that bit in the SWFObject the flash images appear at seemedly 100x133.
WHY?
The images are all 200x266, therefore the whole slideshow is 200x266. When I test this it's fine. When I export it as a movie and run this independently it runs at 200x266.
Yet when I plug it into the website it reduces significantly.
The CSS div I use to contain the flash file is:
Code:
#sidebar
{
height: 266px;
width: 200px;
border: 1px solid #000;
}
The HTML is:
Code:
<div id="sidebar" class="fright">
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashPlayer">
This text will be replaced by the flash music player.
</div>
<script type="text/javascript">
var so = new SWFObject("photos.swf", "Photos", "266", "200", "7", "#fff");
so.write("flashPlayer");
</script>
</div>
If I remove [, "Photos", "266", "200", "7", "#fff"] from the SWFObject file there is no impact upon Firefox but the flash images do not appear in IE8.
If I leave that bit in the SWFObject the flash images appear at seemedly 100x133.
WHY?