Aprende Java Aprende Php Aprende C++ Aprende HTML 5 Aprende JavaScript Aprende JSON Aprende MySQL Aprende SQLServer Aprende Visual Basic 6 Aprende PostgreSQL Aprende SQLite Aprende Redis Aprende Kotlin Aprende XML Aprende Linux VSC Aprende Wordpress Aprende Laravel Aprende VueJS Aprende JQuery Aprende Bootstrap Aprende Netbeans Aprende Android
Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube Sigueme en TikTok Sigueme en Whatsapp
Home / Desarrollo Web / Ajustar imagen de fondo a diferentes resoluciones

Ajustar imagen de fondo a diferentes resoluciones

Por jc mouse domingo, mayo 19, 2013

easy resize

Si diseñamos paginas web, nos habremos topado con el problema de colocar una imagen de fondo y que este se adapte a toda la variedad de resoluciones de pantalla que existe, se puede lograr esto utilizando CSS pero existe un plugin en javascript que nos facilita mucho este trabajo.

El plugin se llama jQuery Easy Background Resize y su manera de utilizarlo es realmente sencillo.

<head>
    <title>Template 1</title>
      <link rel="stylesheet" href="style.css?b171" />        

      <script src="js/jquery-1.8.2.js" type="text/javascript" charset="utf-8"></script>
      <script src="js/jquery.ez-bg-resize.js" type="text/javascript" charset="utf-8"></script>
      <script>
          $(document).ready(function() {
            $("body").ezBgResize({
                img : "images/bg.png"
            });
        });
      </script>
</head>

Pagina Web Oficial

Ejemplo

Proyecto en GitHub

Tags

Artículos similares

Generar clases desde Esquemas XSD

XJC es una herramienta de linea de comandos del compilador de esquemas de JAXB que se puede utilizar para convertir un e[...]

HELP ME – Envía un SMS de auxilio con tu ubicación

HELP ME, es una aplicación android gratuita que te permite enviar un mensaje de auxilio (S.O.S.) hasta 4 personas que tu[...]

Dimask: La mascara de la Belleza (Descargar)

La Belleza está en la Simetría ¿Qué es lo que nos hace considerar un rostro bello? ¿Está influenciado nuestro criterio p[...]

Filtros con JMF y una webcam [Proyecto]

En esta oportunidad dejo a consideracion un proyecto para la captura de video desde una webcam, utilizando filtros como[...]

Crear plantillas personalizadas para Netbeans

Cuando llevamos tiempo programando vamos armando un librería personal de código que utilizamos con frecuencia en nuestro[...]

Modo Mantenimiento sin Consola: Archivo DOWN

La forma que tiene Laravel en poner una aplicación en Modo Mantenimiento es por consola mediante el comando: Sin embargo[...]