(Resolvido) resolução da imagem

MTavares · Agosto 17, 2009

prezados,

o que quero é diferente do que vi no forum... mas é simples pra quem sabe :rolleyes: ...bem... eu tenho uma imagem grande... e conforme a resolucao do usario...iria dimensionar a imagem... ou seja .. vou usar apenas uma imagem e não 3 ou 4 conforme vi no forum... por ex:

<script>

if (screen.width == 800) {
   
  aqui especifico o tamanho da imagem e width e height;

}else if (screen.width == 1024) {

 aqui tb para essa resolucao;

}...e assim por diante...

</script>

dai coloco na página (body) a imagem com a dimensao enviada pelo javascript...

complicado fazer isso?

abraços

Editado Agosto 17, 2009 por Jonathan Queiroz
Adcionar tag's (Jonathan)

Jonathan Queiroz · Agosto 17, 2009

Não seria mais fácil deixar a imagem com a largura em 100% ?

<img src="aaa.jpg" style="width:100%">

Obs.:

Se for isso, moverei para a área de HTML.

MTavares · Agosto 17, 2009

hummm....interessante.. não havia pensado nisso.. mas antes de me mover pra lá... essa imagem seria o fundo do site... e como faria isso... não seria em javascript?

outra coisa.. quando coloco widht e heigth 100% ... dependendo da resolucao.. a imagem é cortada.. não teria uma solucao em javascript?

abraços

Editado Agosto 17, 2009 por MTavares

SK15 · Agosto 17, 2009

Colocar um fundo auto-ajustável com HTML/JS é meio fora do padrão (ou seja considerado gambiarra) ao contrario de Flash por exemplo que aceita um resize do fundo numa boa .... mas se mesmo assim quiser fazer veja esse script/exemplo:

http://www.cssplay.co.uk/layouts/background.html

Boa Sorte!

Editado Agosto 17, 2009 por SK15

Matheus Matos · Agosto 18, 2009

ué?

usa css... só não sei se sua página em em php ou html... mas você pode usar um echo se for em php...

HTML

<html>
<head>
</head>
<body style="background: url(imagem_de_fundo.gif) no-repeat height:100% width:100%; " >
teu site normal
</body>
</html>

já no php, vejamos, como não sei manipular o body, criei uma div que vai servir de body... (não sei se tá certo):

<?php
echo "<body style='background: url(imagem_de_fundo.gif) no-repeat height:100% width:100%;' >";
?>

caso esse de cima em php não esteja certo, utiliza esse aqui:

<?php
echo "<div id='fundo' style='background: url(imagem_de_fundo.gif) no-repeat height:100% width:100%;' >";
?>

espero ter te ajudado...

Vlw

Matheus Matos

Editado Agosto 18, 2009 por Matheus Matos

MTavares · Agosto 18, 2009

obrigado pela força de vocês. eu usei na verdade o link que o K15 indicou... e resumindo ficou assim:

<style type="text/css"> 
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
#content {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
</style>

<body>

<div>
<img id="background" src="suaimagem.jpg" alt="" title="" /> 
</div>

</body>

Este comando...ajusta a imagem no fundo da página independente da resoluçao.... ou seja... basta apenas uma imagem.....

abraços e obrigado!!!

Matheus Matos · Agosto 18, 2009

Tá vendo aí tavares, no final acabou dando css!

Bem, já podemos marcar o tópico como resolvido correto? Alguém marca aqui por favor! :P

Vlw

Matheus Matos

Jonathan Queiroz · Agosto 19, 2009

O tópico foi marcado como Resolvido

como foi resolvido utilizando-se CSS, moverei para a área adequada.

Movendo: Ajax, JavaScript, XML, DOM --> HTML, XHTML, CSS.

Entrar

(Resolvido) resolução da imagem

Pergunta

MTavares

Link para o comentário

Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

Jonathan Queiroz

Link para o comentário

Compartilhar em outros sites

MTavares

Link para o comentário

Compartilhar em outros sites

SK15

Link para o comentário

Compartilhar em outros sites

Matheus Matos

Link para o comentário

Compartilhar em outros sites

MTavares

Link para o comentário

Compartilhar em outros sites

Matheus Matos

Link para o comentário

Compartilhar em outros sites

Jonathan Queiroz

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades