Изменение фонового изображения css

Question

У меня есть этот простой код, пытающийся изменить фоновое изображение div. Это не работает.

<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> 

Answer 1

Checkout это Demo Это работает, это означает, что ваш путь к каталогу изображений (/Jellyfish.jpg) неправильно

<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)"); 

Answer 2

// сохранить ссылку на изображение внутри переменной из 'ЦСИ' атрибут уаг getImageSrc = $ ('. yourclassname img'). attr ('src');

// добавление фонового изображения div с использованием переменной выше $ ('. Lyt_photo_1'). Css ('background-image', 'url (' + getImageSrc + ')');