Help - Fixing Image Size in Picture Scroller...

[alex]

Hello,

I have developed a simple picture scroller that connects to my backend MySQL
Database to retrieve the image filenames etc. This all works fine except
for the fact that users may want to upload images of different sizes - extra
large, large, small etc. My picture scroller will only show the images
within a specific area around 380 pixels wide and 250 pixels high...

As in normal web page development, this problem is easily overcome by simply
telling teh "dynamic image" that it MUST be a pre-set size so whatever the
size of the image in reality, it will be shown on the web page in the size i
want it to be (this may end up distorting the image but thats not a
concern). The problem is that for some reason, Flash wont allow me to do
this same type of update whereby i can give the image(s) a pre-set size...?

So i have a picture scroller at the moment, that shows parts of images
because the images are far too large and are not being resized within the
animation itself - how can i overcome this issue...?

I would appreciate ANY feedback on this...

Many thanks,

Alex

[Adam Albright]

On Tue, 14 Sep 2004 07:47:31 GMT, "alex" <ahe@blueyonder.co.uk> wrote:

>Hello,
>
>I have developed a simple picture scroller that connects to my backend MySQL
>Database to retrieve the image filenames etc. This all works fine except
>for the fact that users may want to upload images of different sizes - extra
>large, large, small etc. My picture scroller will only show the images
>within a specific area around 380 pixels wide and 250 pixels high...
>
>As in normal web page development, this problem is easily overcome by simply
>telling teh "dynamic image" that it MUST be a pre-set size so whatever the
>size of the image in reality, it will be shown on the web page in the size i
>want it to be (this may end up distorting the image but thats not a
>concern). The problem is that for some reason, Flash wont allow me to do
>this same type of update whereby i can give the image(s) a pre-set size...?
>
>So i have a picture scroller at the moment, that shows parts of images
>because the images are far too large and are not being resized within the
>animation itself - how can i overcome this issue...?
>
>I would appreciate ANY feedback on this...
>
>Many thanks,
>
>Alex
>

Use _width = and _height = in combination or _xscale = and _yscale =

[alex]

Hey,

Thanks for your reply...its very much appreciated...

> Use _width = and _height = in combination or _xscale = and _yscale =

I just want to confirm that this will automatically make 100% sure that ALL
images will be shown within my designated area at the exact size i want them
to be (even though most if not all of them will be far larger than i need
them to be)...?

Once again, your advice is very much appreciated...

Regards,

Alex


"Adam Albright" <AA@ABC.net> wrote in message
news:q6sdk0tim9r9jid84jl21j5o23atkh5ba1@4ax.com...

> On Tue, 14 Sep 2004 07:47:31 GMT, "alex" <ahe@blueyonder.co.uk> wrote:
>

> >Hello,
> >
> >I have developed a simple picture scroller that connects to my backend

MySQL

> >Database to retrieve the image filenames etc. This all works fine except
> >for the fact that users may want to upload images of different sizes -

extra

> >large, large, small etc. My picture scroller will only show the images
> >within a specific area around 380 pixels wide and 250 pixels high...
> >
> >As in normal web page development, this problem is easily overcome by

simply

> >telling teh "dynamic image" that it MUST be a pre-set size so whatever

the

> >size of the image in reality, it will be shown on the web page in the

size i

> >want it to be (this may end up distorting the image but thats not a
> >concern). The problem is that for some reason, Flash wont allow me to do
> >this same type of update whereby i can give the image(s) a pre-set

size...?

> >
> >So i have a picture scroller at the moment, that shows parts of images
> >because the images are far too large and are not being resized within the
> >animation itself - how can i overcome this issue...?
> >
> >I would appreciate ANY feedback on this...
> >
> >Many thanks,
> >
> >Alex
> >

> Use _width = and _height = in combination or _xscale = and _yscale =
>

[Der Zählmeister]

alex wrote:

> Hey,
>
> Thanks for your reply...its very much appreciated...
>
>

>>Use _width = and _height = in combination or _xscale = and _yscale =

>
>
> I just want to confirm that this will automatically make 100% sure that ALL
> images will be shown within my designated area at the exact size i want them
> to be (even though most if not all of them will be far larger than i need
> them to be)...?
>
> Once again, your advice is very much appreciated...
>
> Regards,
>
> Alex

hi Alex,

some time ago, i posted a reusable generic function for loading
a picture onto a target area, with automatic smart-resizing
capability. i post it here again. you might find it useful.

-----
The Count, Singapore
Learning Objects (e-Learning) Consultant




// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~
// The following function will load a picture (.swf movie or
// .jpg still) stored in a file called strFileName and
// automatically fit it into a rectangular target area called
// mcTargetArea which is a MovieClip (or at least an Object
// with _x, _y, _height and _width properties)
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~
function LoadPicture(strFileName, mcTargetArea) {
createEmptyMovieClip("mcHolder", 1);
var mcpH = mcHolder;
//
mcpH._x = mcTargetArea._x;
mcpH._y = mcTargetArea._y;
mcpH.th = mcTargetArea._height;
mcpH.tw = mcTargetArea._width;
mcpH.createEmptyMovieClip("mcInner", 100);
mcpH.mcInner.loadMovie(strFileName);
//
mcpH.onEnterFrame = function() {
var mcpI = this["mcInner"];
var myh = mcpI._height;
var myw = mcpI._width;
var myxs = mcpI._xscale;
var myys = mcpI._yscale;
if (myw>0) {
var xScale = this.tw/myw;
var yScale = this.th/myh;
var mScale = Math.min(xScale, yScale);
mScale *= 0.99;
this._width = this._width*mScale;
this._height = this._height*mScale;
delete this.onEnterFrame;
}
};
};
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~

[alex]

Hi,

I just noticed your rather comprehensive reply - i will test the solution
later today - but just wanted to say thank you for posting it...!! :-)

Regards,

Alex



"Der Zählmeister" <the_count@mozilla.com.sg> wrote in message
news:ci9m8k$rl8$1@mawar.singnet.com.sg...

> alex wrote:
>

> > Hey,
> >
> > Thanks for your reply...its very much appreciated...
> >
> >

> >>Use _width = and _height = in combination or _xscale = and _yscale =

> >
> >
> > I just want to confirm that this will automatically make 100% sure that

ALL

> > images will be shown within my designated area at the exact size i want

them

> > to be (even though most if not all of them will be far larger than i

need

> > them to be)...?
> >
> > Once again, your advice is very much appreciated...
> >
> > Regards,
> >
> > Alex

>
>
>
> hi Alex,
>
> some time ago, i posted a reusable generic function for loading
> a picture onto a target area, with automatic smart-resizing
> capability. i post it here again. you might find it useful.
>
> -----
> The Count, Singapore
> Learning Objects (e-Learning) Consultant
>
>
>
>
> // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~
> // The following function will load a picture (.swf movie or
> // .jpg still) stored in a file called strFileName and
> // automatically fit it into a rectangular target area called
> // mcTargetArea which is a MovieClip (or at least an Object
> // with _x, _y, _height and _width properties)
> // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~
> function LoadPicture(strFileName, mcTargetArea) {
> createEmptyMovieClip("mcHolder", 1);
> var mcpH = mcHolder;
> //
> mcpH._x = mcTargetArea._x;
> mcpH._y = mcTargetArea._y;
> mcpH.th = mcTargetArea._height;
> mcpH.tw = mcTargetArea._width;
> mcpH.createEmptyMovieClip("mcInner", 100);
> mcpH.mcInner.loadMovie(strFileName);
> //
> mcpH.onEnterFrame = function() {
> var mcpI = this["mcInner"];
> var myh = mcpI._height;
> var myw = mcpI._width;
> var myxs = mcpI._xscale;
> var myys = mcpI._yscale;
> if (myw>0) {
> var xScale = this.tw/myw;
> var yScale = this.th/myh;
> var mScale = Math.min(xScale, yScale);
> mScale *= 0.99;
> this._width = this._width*mScale;
> this._height = this._height*mScale;
> delete this.onEnterFrame;
> }
> };
> };
> // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~