Visualizacion de imagen a cualquier resolucion..

karl0x · #1 (**permalink**) 28/07/2004, 15:13

Amigos:
Tengo un problema, cuando anexo una imagen como background en el el <body> se ve bien cuando trabajo a una resolucion de 800x600 pero cuando le cambio esta a otra resolucion se repite como mozaico...se repite varias veces...como haria o como se puede hacer para k se vea bien a cualquier resolucion es decir el dibujo del background no se repita como mozaico..Espero sugerencias, k seran bienvenidas..gracias

monoswim · #2 (**permalink**) 28/07/2004, 15:53

la única forma que conozco que realmente funciona es hacer la página en flash, cuando exportas la película le colocas la opción "percent, 100 x 100" y te muestra esa película exactamente igual en cualquier navegador...Pero si se agranda mucho, la imagen se pixela.

En HTML lo que puedes hacer es fijarte con javascript que configuración de pantalla tiene el usuario y colocar un fondo distinto para cada tipo de configuración.

Espero que te sirva
Saludos

oskitar · #3 (**permalink**) 28/07/2004, 18:49

Eso mismo,tron, con php o swish puedes hacer una web, pero, aunk ocupe la pantalla entera, si no lo manejas bien, no kedará bien del todo.

Como bien dice monoswim, puedes usar un script para detectar la configuración del usuario y así mostrar una web u otra, poniendo en una web la imagen bien para 1024 y la otra para 800, aunk también tienes k tener en cuenta que hay diferentes tamaños de monitores y puede k en alguno no se vea bien del todo. Este es el script k yo he usado:

Código HTML:

<html> 
<head> 
<script LANGUAGE="JavaScript"> 
function redireccionar() { 
var url800x600 = "oskar2.html"; 
var url1024x768 = "oskar.html"; 
if ((screen.width == 800) && (screen.height == 600)) 
window.location.href= url800x600; 
else if ((screen.width == 1024) && (screen.height == 768)) 
window.location.href= url1024x768; 
else window.location.href= url640x480; 
} 
</script> 
</head> 
<body onLoad="redireccionar()"> 
</body> 
</html>

saludos

Gurrutello · #4 (**permalink**) 28/07/2004, 18:56

hola
otras opciones Css
<head>
<Style Type="text/css">
body {
background: white url(/tu_imagen/imagen.gif);
background-attachment: fixed;
}
</Style>
</head>
Solo tienes que modificar laurl de la imagen 'imagen.gif'
Esto suele funcionar con todo tipo de resoluciones aunque no probado con Navegadores.
saludos

caricatos · #5 (**permalink**) 28/07/2004, 19:06

Hola a todos:

La opción de Gurrutello pero con unos retoques:

background-position: center center;
background-repeat: no-repeat;

Saludos

karl0x · #6 (**permalink**) 28/07/2004, 22:18

Muchas gracias amigos, son muy interesantes sus respuestas, seguramente no solo a mi me ha pasado esto, sino que a mucha gente tambien...Gracias...

arreguen · #7 (**permalink**) 10/07/2009, 09:40

Ummm tego una duda mas que una solucion ... ta bien Wish o Proyectos flash
pero eso exige mas trabajo ....tambien tengo el mismo problema... pero para un sevidor del estado 11mb.

Yo digo depronto me parese si se programa a una resolucion mayor o peor dicho a la mas grande cuando se vea en una resolucion menor no quedarian los iconos barras y etc. mas chicos pero funcionales?????
No estoy seguro...ya que voy a pagar un sevidor pago para la web de mi escuela

Pero tiene que aber una solucion con 0 complegidad. si alfin y acabo los scrip toman propiedades basicas de windows.

Es solo una opinion: toi un poco verde en el asunto.

arreguen · #8 (**permalink**) 10/07/2009, 09:52

jejej lo encontreeeeeeeeeeeeeeeeeee

pero un detallito ay como 50 resoluciones de pantalla pero utiliza las clasicas.
los tecnicos o los usuarios se acostumbraron a ellas.

<head>
<script language="JavaScript">

if (screen.width + "x" +screen.height == "640x480" location.href="pagina640x480.htm"

if (screen.width + "x" +screen.height == "800x600" location.href="pagina800x600.htm"

if (screen.width + "x" +screen.height == "1024x768" location.href="pagina1024x768.htm"

</script>
</head>
</html>

Amo la progrmamacion....wiiiiiii

Hocker · #9 (**permalink**) 10/07/2009, 10:14

Lo mas facil (y logico) es solucionarlo con CSS;

Código:

body{
background-repeat:no-repeat;
}

date una vuelta por los foros de CSS

kseso? · #10 (**permalink**) 10/07/2009, 10:20

nadie se ha fijado que este tema es de
2.004