/ / Modification de l'image de fond css - jquery, html, css

Modification de l'image de fond css - jquery, html, css

J'ai ce code simple essayant de changer l'image de fond d'un div. Cela ne fonctionne pas.

<div id="lyt_photo_1" style="position:absolute; top:19mm; left:4mm; background-color:#999999; width:21mm; height:27mm;"></div>
<script>$("#lyt_photo_1").css("background-image", "url(/Jellyfish.jpg)");</script>

Réponses:

1 pour la réponse № 1

Regarde ça Démo Cela fonctionne, cela signifie que votre chemin de répertoire image (/Jellyfish.jpg) est faux

<div id="lyt_photo_1" style="position:absolute; top:19mm;
left:4mm;  width:21mm; height:27mm;"></div>

$("#lyt_photo_1").css("background-image", "url(http://lh4.ggpht.com/_X6JnoL0U4BY/S-AGp
sMhh4I/AAAAAAAAc2I/PhQJvcAMLgI
/tmp18723_thumb_thumb_thumb.jpg?imgmax=800)");

0 pour la réponse № 2

// stocke le lien de l'image dans une variable de l'attribut "src" var getImageSrc = $ (". Votre nom de classe img"). attr ("src");

// ajoute une image de fond div en utilisant la variable ci-dessus $ (". lyt_photo_1"). css ("background-image", "url (" + getImageSrc + ")");