Невозможно установить изображение src для динамически созданного div

Я пытаюсь установить фоновый URL-адрес div, созданного на javascript. Это будет использоваться для слайдера Jquery Orbit. Вот как я это делаю.

var content 1 = null
$("#featured").html("<div id='content' style=''>");
content1 = document.getElementById("content");
content1.style.background="url(" + imageUrlList[0] + ")";

imageUrlList появился из этого.

imageUrlList.push(document.getElementById("image1Container").src)

Он получает src из другого тега изображения. Таким образом, цель состоит в том, чтобы получить src тега изображения и установить его в качестве фона div (контента), созданного с помощью javascript. Проблема в том, что его там нет. Я попытался посмотреть на элемент проверки. URL-адрес есть, я думаю, что он в base64, не уверен. Но это есть. Как вы думаете, в чем проблема? Любые идеи? Спасибо!

ОБНОВЛЕНИЕ: я показываю изображение, когда пользователь выбирает изображение в диалоговом окне файла. Это изображение будет отображаться в теге изображения контейнеров изображений. Это исходные изображения, которые я хочу получить и отобразить в div контента.

function readURL(input, x) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();


        reader.onload = function (e) {
            if(x == 1)
            {$('#image1Container').attr('src', e.target.result);}
            else if(x == 2)
            {$('#image2Container').attr('src', e.target.result);}
            else if(x == 3)
            {$('#image3Container').attr('src', e.target.result);}
            else if(x == 4)
            {$('#image4Container').attr('src', e.target.result);}
            else
            {$('#image5Container').attr('src', e.target.result);}

        }

        reader.readAsDataURL(input.files[0]);
    }
}

javascript image html src orbit
person Luke Villanueva    schedule 05.09.2013    source источник
comment
Трудно понять проблему, не видя остальную часть исходного кода страницы. Есть ли какой-либо другой соответствующий код, который вы можете опубликовать здесь?   -  person Anderson Green    schedule 05.09.2013
comment
Почему вы используете jQuery И простой JavaScript?   -  person putvande    schedule 05.09.2013
comment
Я действительно не уверен. Но я считаю, что это больше javascript.   -  person Luke Villanueva    schedule 05.09.2013

Ответы (3)


arrow_upward
0
arrow_downward

Кажется, что imageUrlList[0] не заключен в кавычки. Я не уверен, но, может быть, вы можете попробовать:

content1.style.background="url('" + imageUrlList[0] + "')";
person Community    schedule 05.09.2013

arrow_upward
0
arrow_downward

Кажется, что выше недостаточно информации, но это почти похоже на то, что вы используете поток данных (base64), а не истинный URL-адрес изображения. Убедитесь, что ваше фоновое значение содержит все соответствующие атрибуты для контента, закодированного данными:

URL('данные:изображение/png;base64, [данные])

источник: http://www.w3.org/TR/mwabp/#bp-conserve-css-images (3.4.7.2).

person nopuck4you    schedule 05.09.2013
comment
Я пробовал это, и это работает, если div не создается с помощью javascript. - person Luke Villanueva; 05.09.2013

arrow_upward
0
arrow_downward

Вы можете использовать это -

$('#content').css('background-image', 'url("' + imageUrlList[0] + '")');
person AkshayP    schedule 05.09.2013