css + Flash Gallery

[redice]

Hi,

I have a css website into which I am trying to integrate a flash gallery but I am running into a problem.

http://www.maraconservancy.com/gallery.html

The flash gallery doesnt seem to load and if it does its taking too long(i think its a problem with flash detection) Kindly guide me
On my computer it does work but the flash movie loads with a rather small aspect as compared to what I have made and the background doesnt match my websites background colour.

Your assistance will be highly appreciated

Regards
Redice

[jscheuer1]

Your moo fx module (js/moo.fx.pack.js) is broken. The gallery (which should be independent of that) seems to load up fast enough, but doesn't seem to do anything. It either hasn't fully loaded, or just has no content. I loaded the flash gallery just by itself in one browser, but that didn't make it do any better.

[redice]

wow... silly me didnt upload the xml file and the images :-s ::DOINK::
Done that now, and it will give a better understanding of my problem. Also could someone kindly let me know how I may center the flash video as I have been unable to do that too :-s

Thanks
Redice

[jscheuer1]

Now the gallery loads up fine and works fine. Only two pictures though. Except in IE 7, it doesn't load (I have a lower version of Flash in that browser, could be the reason). You still have the same moo fx error from before. To center it use these styles in place of the current headerimage styles:


#headerimage {
width: 400px;
height: 400px;
margin:0 auto;
}

[redice]

Thank you sir.
Managed to center it, but my flash movie is still smaller and surrounded by the white are :-s

Redice

[BLiZZaRD]

The "white area" is your Flash Stage. I am guessing you are loading the images into a blank movie clip?

I am willing to bet your setStage sizes are wrong in your ActionScript.

[redice]

my flash stage is 400x400 and the action script is set to resize the images within the 400x400 stage. It loads pretty well here

http://maraconservancy.com/gallery.swf

but just not within the webpage.

[BLiZZaRD]

Then you have some other boundaries on the div on the webpage. I haven't trolled through all the different JS files you have, but double check the ht. and width of the div and any div related restrictions for the swf file.

The Flash works fine, so I can surmise it is either JS or HTML related problem.

Good Luck

[jscheuer1]

Yes, the Flash file works well in the full browser window. However the images in the gallery are set to be a percentage of the overall gallery size. Once you get the gallery onto the page, you have set its dimensions to 400 x 400, that's like viewing the gallery in a full browser window of only 400 x 400.

If the gallery were to be coded slightly differently, it could possibly have the images take up more of the 400 x 400 space than it currently does.

[redice]

hi,

i finally got the images to load fully, but abit of my gallery is cut off from the left by about 9-12 pixels. Any ideas why?


Thanks in advance

Redice

[BLiZZaRD]

Do you have any em lines in your CSS that will effect the div you have the Flash in? That was my first thought.

[jscheuer1]

hi,

i finally got the images to load fully, but abit of my gallery is cut off from the left by about 9-12 pixels. Any ideas why?


Thanks in advance

Redice

You need to set the width of the flash itself just a tad wider in both the script call and in the noscript section. Currently it is 400. 410 works in FF, probably others.

[redice]

hi,

@ jscheuer1 done that, and weirdly my flash movie has once again shrunk in size :confused:

@blizzard nah i doubt.. i followed what jsheuer had in mind, and it shrunk the size of my flash video again :confused:

[BLiZZaRD]

#flashgallery
{
width: 400px;
height: 400px;
margin: 0 auto;
}

make those 410... not the script calls as John stated :D

[redice]

:confused: still small :'(

[BLiZZaRD]

Ignoring the Flash items, try getting it valid first.

Here is a list of errors (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.maraconservancy.com%2Fgallery.html&charset=%28detect+automatically%29&doctype=Inline&group=0)

You can check your CSS's as well.

[jscheuer1]

Before you followed my suggestion of 410 which obviously didn't work out, it was basically OK. If you could go back to that and 'do' what I did which was (basically) to add this style:


#flashgallery embed, #flashgallery object {
width:410px
}

It could work out. I had used the FF css web developer extension to add in that style. There is a good chance that actually doing it with what you had at the time that I did that would work.

[redice]

Heres what I did,

http://www.maraconservancy.com/test.html

I created a new XHTML 1.0 Strict in Dreamweaver and havent applied any of my css files to it. I then placed the flash movie using dreamweaver Insert menu and i got what you see in the link above. im just wondering why it would do that.

[jscheuer1]

I don't see a problem with that example. You told it to be 400 x 400. It is 400 x 400.

I think you expect the images to be 400 x 400, but that would be determined by the Flash itself (the Action Script). The flash object is the dimension that you have set it to be.

I guess you lost track of what you had before and were therefore unable to try out the suggestion from my previous post.

In any case, when you preview the gallery in your Flash editor/compiler, make sure it looks the way you want it to when displayed in an area the size that you are going to use it in on the page (in this case 400 x 400).

[redice]

now its acting up even weirder :-s http://maraconservancy.com/gallery.html

any suggestions on a different sort of gallery I could integrate as this one is proving to be a real headache :-(

thanks

Redice

[jscheuer1]

http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm

[redice]

Thank you john,

But any ideas on my current gallery, on y its now showing the right size but most of it hidden? If i gave you the gallery source file would it help?

Thank you

[jscheuer1]

any ideas on my current gallery, on y its now showing the right size but most of it hidden? If i gave you the gallery source file would it help?

I've been trying to explain that with at least one hand tied behind my back. I'm really not that much up on Flash, so for details on that part you would have to go elsewhere.

I know just enough about Action Script to know that the way the .swf file displays within its object/embed HTML tag is governed by how it was written/configured in Action Script.

From what I can surmise, you are using a program that just creates a gallery.swf from input that you provide, rather than you actually programming it in Action Script. And, from what I can tell just from looking at the output, you have configured the dimensions of the images within the gallery.swf file to fit within a 100% or less box, with the images' dimensions probably determined as a aspect ratio correct percentage of the overall object/embed tag's dimensions.

So, you are fitting the aspect ratio of the images into 100% of whatever is allowed by the dimensions of the object/embed tag, at least you were.

Now, you seem to have introduced an offset or minimum dimension(s) (width, and/or height) for the images within the .swf that act as an offset if the outer width of the HTML object/embed tag are too small for the minimum dimensions of a given image when scaled to 100% of the gallery.swf when contained in the object/embed tags.

If you are still with me, you either have, or are very close to your answer. Otherwise, I would suggest using another approach.