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

Lector Feed con Java/Rome

En este tutorial crearemos un lector de Feeds en Java/netbeans, pero antes debemosa saber que es un Feed, según Santa Wi[...]

Personaliza JTable «MetroUI»

Un JTable es un componente swing de java que nos permite presentar datos en forma tabular, si bien haciendo uso de IDe[...]

Proyecto Ascii Art (metodo de Black/white)

El Ascii Art o Arte Ascii, consiste en realizar dibujos con los caracteres ASCII (Código Americano Estándar de Intercamb[...]

Procesamiento de imágenes en java con ImageMagick

im4java es una interfaz pura de Java para la línea de comandos de ImageMagick. La interfaz de la línea de comandos de IM[...]

¡Ojo aquí! 3 apps tecnológicas totalmente gratis (o casi) para creadores de contenido que no conocías

En este post, hablaremos sobre tres aplicaciones on-line con lo que van a poder armar desde mapas animados estilo cine h[...]

Primeros pasos con Quasar Framework

Quasar es un proyecto Open Source basado en el Framework Vue que nos permite desarrollar proyectos de todo tipo, por eje[...]