Отображать фактическое изображение из функции переключения вместо текста URL

Question

Отображать фактическое изображение из функции переключения вместо текста URL

0

Я работал над скриптом и почти работал, за исключением того, что мне нужен div (id), чтобы показать фактическое изображение, а не только URL-адрес изображения.

Вы можете увидеть это в этом JSFiddle.

Кроме того, я хотел бы отобразить фоновое изображение для отображения в качестве изображения по умолчанию... затем, как только вы выберете входы, изображение изменится на фоновое изображение.

Вот часть скрипта, который генерирует URL-адрес

$('#show_image_text').html(image_name); // Put the image URL
    $('#show_image').html(image_name); // Put the image value in the formula image field src.
});

Вот div где я хочу отобразить изображение. Может понадобиться стиль для width, height и background-image

<div id="show_image"></div>

Matt Duncan 21 апр. 2014, в 19:39

Источник

Теги:

javascript

jquery

html

css

2 ответа

0

Попробуй использовать:

$('#show_image').html("<img src='" + image_name + "' />");

вместо:

$('#show_image').html(image_name);

Felix 21 апр. 2014, в 13:49

Ещё вопросы

T J · Accepted Answer · 2014-04-21T14-14-00.000Z

измените свой код следующим образом:

$('#show_image').css('background-image',"url('"+image_name+"')");

Кроме того, div #show_image не имеет какой-либо высоты, поэтому изображение не будет видно, если вы не установите его явно

#show_image{
 height:50px;
 width:200px;
 background-image:url('path to default image'); //you can set a default image like this, which will be overridden once you set the image in code...
}

обновленный JSFiddle