Easy Background Resize es un plugin jQuery para usar una imagen de fondo en una página web; éste plugin se encarga de adaptar la imagen a los diferentes tamaños de la ventana del navegador.
Implementar jQuery Easy Background Resize
En la sección HEAD del HTML de la página hay que enlazar a jQuery y al plugin Easy Background Resize:
<script src="jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.ez-bg-resize.js" type="text/javascript" charset="utf-8"></script>
También el hay que agregar un script como el siguiente:
<script>
$(document).ready(function() {
$("#body-background").ezBgResize();
});
$(window).bind("resize", function(){
$("#body-background").ezBgResize();
});
</script>
En la sección BODY del HTML de la página agregar el DIV:
<div id="body-background"><img src="bg.jpg" alt="Bg"></div>
Corolario
La implementación de jQuery Easy Background Resize es en extremo sencilla y el resultado final, es sin dudas muy vistoso.
jQuery Easy Background Resize
Visitar jQuery Easy Background Resize