Layout Liquido Imagem do fundo

[Jonathan Alencar 0]

Olá pessoa boa tarde,

 

Gostaria de uma ajuda de vocês.

 

Estou com um pequeno problema, tenho uma imagem de fundo no qual a mesma se ajusta de acordo com a resolução da tela do usuário.

Veja como esta neste link: Clique aqui

 

Aguarde um momento que a imagem é grande e está demorando um pouquinho para ser carregada.

 

Stage.scaleMode = 'noScale';
Stage.align = 'TL';

function Liquido():Void {

       var sh = new Number(Stage.height); 
       var sw = new Number(Stage.width);

       mc._width = Math.floor(sw);
       mc._height = Math.floor(sh);

};	

stageList = new Object();
stageList.onResize = function():Void {
       Liquido();
};
Stage.addListener(stageList);

Liquido();

 

Este código eu achei na internet porem eu adaptei as minhas necessidades.

 

O que eu gostaria de fazer é redimensionar porém manter a proporção da imagem sem que ela fique "Esticada".

 

Até o momento obrigado pessoal.

[Elektra 102]

Em AS3 usa-se EXACT_FIT, mas isso redimensiona proporcionalmente todo o conteúdo da página.

 

stage.scaleMode = StageScaleMode.EXACT_FIT;

 

Sugiro dê uma conferida no help da Adobe para AS2 e teste para ver se é isso que precisa.

 

 

Abs

[Jonathan Alencar 0]

Entendo estarei consultando o help da adobe.

 

Quanto ao assunto acho um pouco estranho existem vários sites (principalmente de músicos country)

que trabalham com Flash funcionando neste modo.

 

Achei um site que tem o fundo do modo em que eu estou necessitando veja neste link:Clique aqui

 

Até mesmo uma imagem fixa que fica num certo tamanho porém ela não se ajusta ela desliza para o centro quando redimensionado.

Está pode ser também uma solução para o meu problema.

 

De qualquer forma estarei consultando o help da Adobe.

 

Desde já agradeço.

 

Jonathan.

 

Bom andei procurando e não achei nada sobre o assunto.

 

Estou precisando muito desse esquema se alguém puder ajudar.

 

O que procuro é como manter a proporção de uma imagem de acordo com a tela do usuário.

 

Desde já agradeço.

 

Pessoal podem fechar o tópico pois achei a solução não sei se é a melhor delas porém me coube muito bem.

 

AS3

 

//set stage for FBF 
//set stage for FBF 
stage.align = "TL"; 
stage.scaleMode = "noScale"; 
//define dynamic aspect ratios 
var picHeight = pic.height / pic.width; 
var picWidth = pic.width / pic.height; 
//add event listener to the stage 
stage.addEventListener(Event.RESIZE, sizeListener); 
//conditional statement to account for various initial browswer sizes and proportions 
function scaleProportional():void { 
if ((stage.stageHeight / stage.stageWidth) < picHeight) { 
pic.width = stage.stageWidth; 
pic.height = picHeight * pic.width; 
} else { 
pic.height = stage.stageHeight; 
pic.width = picWidth * pic.height; 
}; 
} 
//center picture on stage 
function centerPic():void { 
pic.x = stage.stageWidth / 2; 
pic.y = stage.stageHeight / 2; 
} 
// make listener change picture size and center picture on browser resize 
function sizeListener(e:Event):void { 
scaleProportional(); 
centerPic(); 
} 
//run initial locations and size 
scaleProportional(); 
centerPic();

 

Abraço e obrigado :)

[JAIMESKT 0]

amigo , você está salvando a imagem para web?

pois fiz um site com a mesma funcionalidade, eu usava as imagens em tamanhos de monitor de 22" e ela não passavam de 300k