RHOdesign Blog | Webdesign

Como chamar páginas diferentes de acordo com a resolução?

Posted on: dezembro 8, 2008

Abaixo, falarei de um código simples em javascript muito utilizado para chamar páginas “index” diferentes, quando identificada a resolução do monitor.

Como exemplo, crie 3 páginas homes nos diferentes tamanhos, uma ajustada para 1024×768, outra para 800×600 e uma para servir de página mestra.

Salve-as como:

index.html (mestra)
index_1024x768.html (layout ajustado para 1024×768)
index_800x600.html (layout ajustado para 800×600)

Abra o código HTML da página mestra e insira este código logo abaixo do head:

<script language="JavaScript">
function resolucao_img_sk(){
if (screen.width == "800" && screen.height == "600"){
window.location.href="index_800x600.html";
}
if (screen.width == "1024" && screen.height == "768"){
window.location.href="index_1024x768.html";
}
}
resolucao_img_sk();
</script>

A partir desse código, você poderá modificar o script para abir páginas de outras resoluções. Basta adicionar mais “IFs” e criar novas páginas na resolução desejada.

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

Ganhe dinheiro agora! Resultados em 1 mês!
%d blogueiros gostam disto: