Ver Mensaje Individual
  #7 (permalink)  
Antiguo 28/05/2015, 09:00
Avatar de JuJoGuAl
JuJoGuAl
 
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 14 años, 9 meses
Puntos: 19
Respuesta: Fondo adaptado a móvil

Cita:
Iniciado por baldaweb Ver Mensaje
Con css funciona para pc, en tablet o dispositivo móvil tendrás que usar jquery.

Con esto me funcionó:
http://srobbin.com/jquery-plugins/backstretch/

Saludos.

Tendrás que incluir el script en tu html
Código HTML:
Ver original
  1. {{-- Redimensionar la imagen --}}
  2. {!! Html::script('js/tugesto/jquery.backstretch.min.js') !!}
  3. {{-- Funciones --}}
  4. {!! Html::script('js/tugesto/funciones.js') !!}

Y el archivo funciones contendrá este código con tu imagen:
Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.      $.backstretch("images/fondo.png");
  3. });
Probaré esto intente no usar jquery

Cita:
Iniciado por pzin Ver Mensaje
¿Cómo quieres que se muestre la imagen? Si lo piensas bien, quieres que no se deforme, que siempre ocupe todo el espacio (que no quede nada blanco o sin fondo) y que siempre se vea todo… Caerás en la cuenta de que es físicamente imposible. No es una limitación de CSS, sino una limitación de lo posible (no puedes hacerlo ni en Photoshop). Se contradicen las cosas.
En efecto logicamente una imagen de un tamaño no se adaptará a otro tamaño pero existe una forma de yo hacer esto?

e visto webs con imagenes con patrones de fondo y obvio al forzarlas en moviles no ves nada mal.

Pero como esta es un mapa mundi, cobre toda la pantalla pero no se muestra todo el mapa solo una porcion de el.

Pense en hacer una web por cada tamaño (ciertos tamaños) para poder tener en cuenta las resoluciones