Exemple de code de la propriété JS / CSS backgroundImage.

<style>
.cadre-gris{ margin : 5px 0; }
.fg{  height : 150px; background-repeat :no-repeat; }
.fgs{ background-image: url(/images/exemple/filter-image.jpg) }
.fgd{ background-image: url(/images/exemple/grille150.gif), url(/images/exemple/filter-image.jpg); }
</style>
<div class="cadre-exemple cadre-clickme" id="exemple">
  <h3 id="exemple-desc">Valeur par défaut</h3>
  <div class="cadre-gris">
  <span id="exemple-desc-0">Valeur js récupérée</span>
  <div id="exemple-style-0" class="cadre-vert fg" >Effet backgroundImage</div>
  </div>
  <div class="cadre-gris">
  <span id="exemple-desc-1">Valeur js récupérée</span>
  <div id="exemple-style-1" class="cadre-vert fg fgs">Effet backgroundImage</div>
  </div>
  <div class="cadre-gris">
  <span id="exemple-desc-2">Valeur js récupérée</span>
  <div id="exemple-style-2" class="cadre-vert fg fgd">Effet backgroundImage</div>
  </div>
</div>
<script>
initExemple('background-image',  'backgroundImage', ['url(/images/exemple/filter-image.jpg)', 'url(/images/exemple/grille150.gif), url(/images/exemple/filter-image.jpg)','none','inherit'], 3); 
</script>