Foros del Web » Creando para Internet » Diseño web »

Sugerencia al usar "display: none" para ocultar contenido o usar algo mejor

Estas en el tema de Sugerencia al usar "display: none" para ocultar contenido o usar algo mejor en el foro de Diseño web en Foros del Web. Hola gracias por dar atención a mi duda, resulta que quiero usar esta plantilla responsive design http://luiszuno.com/themes/wp-folder/ pero lo único que no me agrada de ...
  #1 (permalink)  
Antiguo 16/02/2013, 23:30
Avatar de WebSalvador  
Fecha de Ingreso: agosto-2011
Ubicación: Lima - Perú
Mensajes: 171
Antigüedad: 13 años, 4 meses
Puntos: 2
Sugerencia al usar "display: none" para ocultar contenido o usar algo mejor

Hola gracias por dar atención a mi duda, resulta que quiero usar esta plantilla responsive design http://luiszuno.com/themes/wp-folder/ pero lo único que no me agrada de esta plantilla es que el banner principal según el dispositivo solo cambia de tamaño el div que lo contiene a las imágenes más estas no cambia de tamaño a pesar que le cree una regla:
img { width: 100%}
solo se pierde la visión del lado derecho de las imágenes. Encontre un js (custon.js) que lo define así dándole un tamaño fijo de 940px

Por eso decidí y aquí quiero que me den sugerencias: oculte ese banner con display: none cuando se vea por un smartphone y habilitar otro banner que si se ajuste con width: 100% que alla estado oculto.

Pero esto me cargaría dos js distintos: 1 para el primer banner y otro para el segundo juego de banner.

Por eso viene mi pregunta ¿Habra una manera de ocultar o habilitar div sin que deban cargarse los dos (banner) sino uno de ellos según el dispositivos de donde se ve la página?
__________________
Studio Web Salvador http://www.acuarel.pe/
  #2 (permalink)  
Antiguo 19/02/2013, 09:52
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 23 años, 2 meses
Puntos: 59
Respuesta: Sugerencia al usar "display: none" para ocultar contenido o usar algo mejo

Creo que te vale cambiar solo la imagen según la resolución. hay un script que se llama PictureFill que es genial para eso.
__________________
Cool Village
@Wakkos

Etiquetas: css, design, display, responsive, template
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:45.