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

Reconocimiento Óptico de Caracteres con Tess4J

El reconocimiento óptico de caracteres o OCR (Optical Character Recognition), es un proceso dirigido a la digitalización[...]

Blog MVC – Consultas Ajax a la base de datos [p5]

Quinta parte de la serie de tutoriales «Creación de un blog siguiendo el patrón MVC (Modelo, Vista y Controlador)«. En e[...]

Efecto Taringa! en vivo

En la pagina de Taringa, existe una sección donde se puede ver lo que pasa en ese foro al momento, «Taringa! en vivo» se[...]

JSpinner: Cambiar color de fondo y fuente

Un JSpinner es un componente swing de java con una caja de texto y un par de botones que nos permiten incrementar  y dec[...]

Yachaywasi – Crea exámenes tipo test para android

Yachaywasi versión 3.1 es una aplicación para android que te permite crear, editar y realizar exámenes tipo test cómodam[...]

Conectar SQL Server con PHP 8.x

Lo que veremos en este post es la configuración del driver para PHP de SQL Server que ha creado Microsoft el cual permit[...]