Mettre une variable smarty (url relative d'image) en background?

Bonjour,

Je vous explique mon problème, je suis en train de refaire le design d'un module de xoops pour mon site web et je souhaite afficher des images styllé avec du css3.

j'utilise un code javascript qui me met les images en background dynamiquement, le soucis c'est que je n'arrive pas à lui faire mettre juste les images qui m'interressent, ils me met toutes les images de la page avec le style css3 que j'ai défini

voila le code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

  $("img").load(function() {
    $(this).wrap(function(){
      return '<span class="xoopstube_image-wrap ' + $(this).attr('class') + '" style="position:relative; display:inline-block; background:url(' + $(this).attr('src') + ') no-repeat center center; width: ' + $(this).width() + 'px; height: ' + $(this).height() + 'px;" />';
    });
    $(this).css("opacity","0");
  });

});
</script>

le code html que je veut traiter:

<div class="xoopstube_image-wrap" itemprop="thumbnailUrl" style="float: left; padding: 0 4px 4px 0;">
    <{if $video.screen_shot}>
    <a href="<{$xoops_url}>/modules/<{$video.module_dir}>/singlevideo.php?cid=<{$video.cid}>&lid=<{$video.id}>" target=""><{$video.videothumb}></a>
    <{/if}>
</div>

C'est donc cette variable smarty que je veut qu'il traite et pas toutes les images de la page:

<{$video.videothumb}>

Mais je n'y arrive pas car si j'enlève le script javascrit et que j'essaye de traiter le div avec background:url() il ne veut pas prendre ma variable, alors qu'avec le javascript ça fonctionne parfaitement, sauf qu'il ne s'arrête pas juste à cette variable ,un peu logique si on regarde le code mais j'y connais queue dalle en javascript, donc un petit coup de main serait pas de refus

Merci de votre aide