Как изменить фоновое изображение TD?

Вот мои коды:Как изменить фоновое изображение TD?

JS/JQuery:

function RefreshImage(){ 
    var form_data = { 
     ID: $('#ID').val() 
    }; 

    $.ajax({ 
     type: "POST", 
     url: "submit/image.php", 
     data: form_data, 
     success: function(data) { 
      $('#IMG').css('backgroundImage', "url('images/+data+')"); 
     } 
    }); 
}

HTML:

<table> 
    <tr> 
     <td background="images/default.jpg" id="IMG"></td> 
    </tr> 
</table> 
<input type="hidden" id="ID" value="4">

CSS:

#IMG{ 
    background-color:rgba(0,0,0,0.5); 
    width:99px; height:99px; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    vertical-align:text-top; 
}

Мои коды неудачен, потому что это просто изменить к черному образ. Но в ответ он показывает точное значение имени изображения, которое я запрашиваю, но оно не работает, потому что оно просто меняется на черный.

Advance СПАСИБО.

источник

2013-10-25 Momar

Нет атрибута TD «фон». Определите фоновое изображение в вашем файле CSS. Если я правильно помню, jQuery полагается на предопределенные свойства CSS, прежде чем манипулировать ими. –

Цитаты - разумные существа, не забывайте их :) – Bigood

background-image - это правильное свойство CSS, а не backgroungImage. UPDATE Как указано в комментариях, «backgroundImage» действителен, поскольку он ссылается на свойство javascript.

У вас также есть проблема с конкатенации на data:

$('#IMG').css('background-image','url(images/' + data + ')');

Кроме того, удалить атрибут background на вашем <td>, и применить его с помощью CSS:

#IMG{ background-image: url(images/default.jpg); }

источник

2013-10-25 15:57:39

jQuery принимает как свойство CSS 'background-image', так и JS-эквивалентное свойство' backgroundImage' в виде строк, чтобы либо работать. Конкатенация - проблема –

Да, я узнаю что-то новое каждый день. Я обновлю ответ. –

попробуйте изменить

$('#IMG').css('backgroundImage',"url('images/+data+')")

до

$('#IMG').css('backgroundImage','url(images/'+data+')');

источник

2013-10-25 15:59:07 iJade

Как изменить фоновое изображение TD?

ответ

Смежные вопросы