🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

ChangeBackground is an Html5 localStorage based jQuery plugin that allows the user to switch the background images of your webpage.

background background-image

Documentation

changeBackground

Un plugin qui permet à un utilisateur de modifier l'image de fond de n'importe quel élément, et de sauvegarder ce choix sans base de données

#Installation

Si vous utilisez Bower, vous pouvez l'installer directement

$ bower install jquery-changebackground

Sinon, il vous suffit de récupérer manuellement les fichiers sur github.

#Utilisation

Appelez simplement la méthode changeBackground() sur un objet jQuery, qui sera un élément de formulaire de type "select".

$('#change-background').changeBackground();

À côté de ça, votre sélecteur (dropdown) doit comporter un attribut data-image qui contient l'url de l'image de votre choix.

<select id="change-background" class="select"> 	<option value="star-wars" data-image="http://www.monsite.com/starwars.jpg">Star Wars</option> 	<option value="gta" data-image="http://www.monsite.com/gta.jpg">GTA</option> 	<option value="mario" data-image="http://www.monsite.com/mario.jpg">Mario</option> 	<option value="batman" data-image="http://www.monsite.com/batman.jpg">Batman</option> </select>

#Options

Option Valeur par défaut Valeurs possibles Description
target body Chaîne de caractères Définit l'élément sur lequel le background sera modifié

#Évolutions envisagées

  • ??

You May Also Like