HOME PAGE JAVASCRIPT
Botões Cálculos Datas Essenciais Janelas Flutuantes Menus
HTML CSS FLASH PHP ASP GERADORES CORES MISCELANEA Contato  






Ajustar SWF à resolução

De acordo com estatísticas levantadas pelo StatCount, a resolução 1366x768 pixels ultrapassou a 1024x768 como a mais popular para telas de computadores em todo o mundo. A informação é importante para os desenvolvedores Web que agora podem criar designs de páginas otimizados para, pelo menos, 1366 pixels de largura.

Quando você constrói aplicações em Flash um dos problemas mais importantes é quando temos que nos preocupar com a adaptação do filme Flash para a resolução da tela de nossos visitantes.

As resoluções mais utilizadas se dividem em grupos cuja relação largura e altura se divide em:

RelaçãoResoluçõesRelação em percentual
16:9 1366x768 1920x1080 1280x720 1600x900 altura = 56,25% da largura
5:3 1280x768 altura = 60% da largura
16:10 1440x900 1680x1050 1280x800 1440x900 altura = 62,5% da largura
4:3 1152x864 1024x768 800x600 altura = 75% da largura
5:4 1280x1024 altura = 80% da largura

Para ajustar um filme flash podemos fazer uso da seguinte técnica:

- capturar a largura via javascript e diminuir alguns pixels para não haver barra de rolagem horizontal:
var w = ((screen.width)-64);

- calcular a altura em função da largura da resolução da tela do usuario multiplicado pela relação altura e largura do seu filme SWF:
var h = w*0.52;

- para evitar o cash do SWF (opcional):
var rn=Math.floor(Math.random()*10000);

Exemplo aplicado ao grupo 16:10 com um SWF criado com dimensões 960 x 500 pixels cuja relação é aproximdamente 0.52 (500/960)

<script type="text/javascript">
var w = ((screen.width)-64);
var h = w*0.52;
var rn=Math.floor(Math.random()*10000);
document.write ('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" id="index" width="'+w+'" height="'+h+'" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="true" /><param name="movie" value="http://kithomepage.com/kit/flash/exemplo_ajustar_a_resolucao.swf" /><param name="quality" value="best" /><param name="wmode" value="transparent" /><embed src="http://kithomepage.com/kit/flash/exemplo_ajustar_a_resolucao.swf" quality="best" wmode="transparent" width="'+w+'" height="'+h+'" name="index" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>');
</script>

Clique aqui para ver o resultado

Convem notar que para todos as resoluções do grupo 16:10 (altura = 62,5% da largura) o filme se ajustará a tela da mesma forma.

Para os demais grupos a largura se ajustará da mesma forma que o grupo 16:10, porém a altura terá pequenas variações a menor ou a maior.