Un Background qui s’adapte automatiquement via jQuery avec Backstrecth

Découvrez Backstrecth un plugin jQuery simple à mettre en place et très pratique si vous souhaitez ajouter un background qui s’adapte automatiquement au navigateur du visiteur ou à des blocs intégrés à votre site web.

backstretch-plugin-jquery-js

L’utilisation de ce plugin est on ne peut plus simple, pour une image en background sur la totalité du fond du site, il suffit de coder ceci :

$.backstretch("http://www.monsite.com/img/mon-bg.jpg");

Pas trop dur en effet^^

Il existe aussi d’autres utilisations du plugin jQuery Backstrecth, comme avoir un système de SlideShow d’image en background, et il faut le coder ainsi :

$.backstretch([
"http://www.monsite.com/img/mon-bg.jpg"
, "http://www.monsite.com/img/mon-bg2.jpg"
, "http://www.monsite.com/img/mon-bg3.jpg"
], {duration: 3000, fade: 750});

Et là, 3 images vont défiler avec une transition « fade » et ce toutes les 3 secondes.

Découvrez toutes les subtilités de ce plugin jQuery directement sur le site de l’auteur : http://srobbin.com/jquery-plugins/backstretch

En espérant que celui-ci vous serve 😉

Articles qui peuvent vous intéresser :

Author: Franck Pertegas

Share This Post On

Submit a Comment

Votre adresse e-mail ne sera pas publiée.