Comunidad de diseño web y desarrollo en internet online

Ocultar las imagenes en la web

Citar            
MensajeEscrito el 29 Abr 2013 10:04 pm
Hola amigos...estoy haciendo un banner, contenedor de 1000px class=img en 100% cuando redusco la web la img del banner se reduce y ya no se puede visualizar bien, entonces puse 2 banners en la web la img1 principal normal se visualiza, cuando redusco la web a 480px ahi entra la img2 y con display:none oculto la img1, si redusco mas a 320 entra la img3 y oculto las img1 con la img2.... El detalle es que antes de los mediaquery debo poner el display none a la img2 y la img3 para q en tamaño normal se vea bien pero cuando redusco la web a 480 px y 320px ya no se visualiza, porque puse display none antes de los mediaquery y si no pongo aparecen las 3 imgs en el tamaño normal ¿alguien sabe como puedo hacer para hacer q aparesca cuando llegue a 480 o 320px la img2 y 3?
Espero me haya dejado entender,.. resumiendo antes de los mediaquery debo poner display none a la img2 y img3 para q no aparesca en pantalla normal, pero si aplico el display none ya no se visualizan cuando redusco la web a 480 o 320px.

Aqui dejo el avance de la web

Por blasgo

38 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 30 Abr 2013 12:17 pm
Olvida los <img>. En el contenedor, ponle la imagen como fondo (background-image) y luego usa la propiedad background-size.

Por DriverOp

Claber

2510 de clabLevel



 

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.