El fondo de pantalla para jQuery agrega fondos de imagen o video a cualquier sitio web fácilmente

Así es la vida. El cliente X necesita una página de destino en los próximos 15 minutos. Es una página bastante simple con no mucho más que una imagen de fondo de pantalla completa. Ahora, ¿cómo puedo lograr eso de la manera más rápida y fácil? Después de evaluar algunas alternativas, decido optar por el nuevo fondo de pantalla del complemento jQuery de Ben Plum. Esto me permite hacer el trabajo en menos de diez minutos. Poder cambiar la imagen a un fondo de video usando la misma solución hizo que mi cliente sonriera con alegría…

Fondo de pantalla, parte de la biblioteca Formstone

Wallpaper es un complemento completamente nuevo creado por Ben Plum, un desarrollador front-end ubicado en Hampden, Baltimore. El papel tapiz es la última incorporación a la colección de componentes Formstone de PLUm. Formstone ahora consta de 12 complementos jQuery diferentes, todos ellos destinados a diferentes tareas. Lo que todos los complementos tienen en común es su enfoque en la fácil implementación y personalización. Todas las partes de la colección Formstone tienen licencia del MIT y se pueden usar libremente para proyectos privados y comerciales por igual. Cada complemento se mantiene individualmente, ninguno de los cuales depende de uno de los otros. Por lo tanto, puede elegir uno o dos de ellos sin tener que implementar todo el grupo.

Formstone se desarrolla siguiendo un primer enfoque móvil. Todos los componentes son totalmente sensibles. El espacio de nombres se preocupa por mantenerlo fuera de problemas con sus otros scripts y estilos. Los componentes de Formstone se compilan con Grunt, se minimizan, se implementan a través de Bower y funcionan en todos los navegadores modernos.

Agregar un fondo de pantalla: fácil como ABC

Así es como va. Primero incrustamos el fondo de pantalla:

Entonces una función

$("#element").wallpaper({
	source: "path/to/image.jpg"
});

y se define un contenedor correspondiente:

Ahora este contenedor se llenará con la imagen dada. Una demostración se ve así:

¡Eso es todo! ¿No fue lo suficientemente rápido?

Agregar video como fondo es igualmente fácil. Puede decidir que el video se ejecute una vez, se reproduzca en bucle o comience al pasar el mouse sobre él. Los parámetros se agregan a la función. Las devoluciones de llamada permiten la ejecución de otras funciones. El papel tapiz está bien documentado. Se tarda unos cinco minutos en aprender lo que hay que aprender.

Mi cliente está feliz. Yo también…

enlaces relacionados

• Papel pintado | Manifestación
• Papel pintado | Documentación
• piedra de forma | Sitio web que presenta todos los componentes
• Fondo de pantalla encendido GitHub
• ben ciruela en GitHub