Quantcast
Channel: Adobe Community : All Content - Edge Animate
Viewing all articles
Browse latest Browse all 9897

Centering AND Scaling an image (inside a div or symbol)

$
0
0

Hi all,

 

Here's what I'm trying to get accomplished:

 

I have a top banner for a website - the website is fully made in Edge.

 

The banner is 540px high, and 100% width. (Stage width is also set to 100%)

 

Now inside this banner, I want a large image to show.

 

The center of this image should correspond to the center of the banner.

 

The width of the image should be 100% of the banner. (Hence 100% of the browser window).

 

The height of the image should remain proportional to the width of the banner, i.e. no distortions. (Was using auto before)

 

The overflow should be hidden. (So basically the image is always 100% width of the browser window, and the height overflows both both up and down).

 

Somehow in ver 3 of Edge Animate I can't get all these options to work at the same time - can't use 100% width and auto height for an image anymore.

 

May be there's an altogether better way of doing this, so I'd be pleased to hear your response.

 

Thanks in advance!

Bob


Viewing all articles
Browse latest Browse all 9897

Trending Articles