guypollock wrote:

... but I want to use ThumbGrid, and (so far) I am struggling to achieve the same look and feel in Flash.

Did you ever figure out how to do a fluid layout with ThumbGrid? I had look at your site and it's great, but it looks like you're still using SSP by itself with some custom buttons.

Thanks for your reply. Your main portfolio page using ThumbGrid looks great, but I thought you were using TG for the thumbnails on the individual gallery pages as well. That's what I'm trying to do.

PS: I don't want to put my e-mail address down here because of e-mail trawling, but I am very happy to send the whole action script if you send me an e-mail using the link on my Contact page: http://www.montagu-pollock.co.uk/contact.html

Guy.

I like to do to something similar but but i am not there yet. I like to fo follow for both normal & fullscreen mode:
If the webpage is bigger that my flash.swf (1050x900) NO resize to anything just my_tg always center on the bottom , my_ssp always in the middle center and my nav_mc always in the top center
if smaller that 1050x900 the same but re size all so everything fits in the window.
Follow code, with the great help of Guy, i have

import flash.display.StageScaleMode;
import flash.display.StageAlign;
import flash.events.Event;

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.addEventListener(Event.RESIZE, resizeHandler);

var ti:Number = 0;
var nw:Number = 0;
var sw:Number = stage.stageWidth;
var sh:Number = stage.stageHeight;

resizeHandler (null);

function resizeHandler (event:Event):void {
sw = stage.stageWidth;
sh = stage.stageHeight;
my_ssp.setSize(950,656);
my_tg.setSize(950,107);
my_ssp.x = stage.stageWidth/2-my_ssp.width/2;
my_ssp.y = stage.stageHeight/2-my_ssp.height/2;
my_tg.y = sh-my_tg.height;
my_tg.x = (my_tg.stage.stageWidth / 2) - (my_tg.width / 2);
}

Demo page: http://lambisstratoudakis.com/index.htm

I almost manage to do what i want. No rescale and nav on top , thumbs on bottom and ssp in the middle.
What i need is to just downscale for screen under 800 high (as laptops)
Any tips?

Hier my code

stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.addEventListener(Event.RESIZE, resizeHandler);

resizeHandler (null);

function resizeHandler(e:Event):void

{
      my_ssp.x = (my_ssp.stage.stageWidth / 2) - (my_ssp.width / 2);
      my_ssp.y = (my_ssp.stage.stageHeight / 2) - (my_ssp.height / 2);
    my_tg.x = (my_tg.stage.stageWidth / 2) - (my_tg.width / 2);
    my_tg.y = (my_tg.stage.stageHeight) - (my_tg.height);
    my_nav.x = (my_nav.stage.stageWidth / 2) - (my_nav.width / 2);
    nav_mc.x = (my_ssp.stage.stageWidth / 2) - (my_ssp.width / 2);
    nav_mc.y = (my_ssp.stage.stageHeight / 2) - (my_ssp.height / 2);

I played with follow code but i cant get it right

function checkStageSize():void {

    var needToScaleDown:Boolean = (sh < 750);
    if ( needToScaleDown ) {
        var scale:Number = sh/750;
        my_ssp.scaleX = my_ssp.scaleY = scale;
    } else {
        my_ssp.scaleX = my_ssp.scaleY = 1;
    }
}

Last edited by motionsync (2011-02-16 02:25:58)

arossphoto wrote:

I don't know how you can downsize for small screens, but your site is looking good. Can you tell me how you did the plus and minus symbols on mouse over?

They are just 2 buttons

Check my code:

// for listeners
next_btn.addEventListener("click",onNextClick);
prev_btn.addEventListener("click",onPrevClick);


// for action
function onNextClick(e:MouseEvent):void { my_tg.nextThumb(); }
function onPrevClick(e:MouseEvent):void { my_tg.previousThumb(); }

hope thats help

just make the hit area way bigger that the button and the the UP keyframe empty

guypollock wrote:

Yes I did, thanks, using the code mentioned above to make it squeeze and stretch.

Both of them were made using SSP for Flash rather than just the standard Director slide-show.  The one on the index page is no-frills, but the one under "Portfolio" (http://www.montagu-pollock.co.uk/portfolio.html) also uses ThumbGrid.

The key to unlocking the fluid/liquid layout was the code quoted above.  Once you have sussed out how to apply it to one of the Flash instances, the other is easy, and so the liquid layout works for both ThumbGrid and the slide show equally well.

It's interesting you say it looks pretty standard.  Some might criticise me for wasting money because all I ever wanted to change was the style of text in gallery view.  In fact, once I had SSP for Flash, even the no-frills one benefited, because I could insert the little "Loading ..." text.

Guy.

guy,

do you indicate that we must set the code twice, once for each ssp + thumbgrid?  or just once?

i created a Layer2, and inserted the actionscript in first frame.

Still having difficulty.  But part of this seems to be the embedding in Wordpress.  When I set the width or heigth to 100% the show disappears.

Any assistance on getting fluid scaling in wordpress to work appreciated!!!

~ Michael