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

Libreria swing BlackTabbedPane

Continuación del tutorial [Personalizar JTabbedPane con Netbeans]. La clase BlackTabbedPaneUI que extendemos de BasicTab[...]

Material Design: Paleta de Colores

«Material Design es una guía integral para el diseño visual, de movimientos y de interacción en distintas plataformas y[...]

Crea código HTML5 desde java con j2html

j2html es una biblioteca para java que permite generar código html seguro desde código java utilizando sus propias etiqu[...]

Escalar imagen en java

Esta aplicacion permite escalar una imagen desde java sin perder las proporciones de la misma, utiliza SCALE_AREA_AVERAG[...]

Crear instaladores para programas java con .NET

Continuando la serie de tutoriales para la creación de instaladores para programas escritos en Java, en esta oportunidad[...]

Compartir texto plano con un ShareActionProvider en Android

Un Action Provider es un elemento que habita en la Action Bar para incrementar la accesibilidad de nuestras aplicaciones[...]