преобразовать new Img объект в строку

[ghostik32]

создаю:

var img = new Image();
img.src = '/' + upp + '/' + data[i].img1;

Блок:

<div class="img">{{img}}</div>

Надо картинку сюда положить:

block.replace(/\{\{img\}\}/, img)

Пробовал тупо:

block.replace(/\{\{img\}\}/, img)

В итоге видим на странице:

[object HTMLImageElement]

[s0rr0w]

Все верно

[ghostik32]

Все верно

Верно то верно но как мне в блоке увидеть картинку?

Edited November 3, 2012 by ghostik32

[s0rr0w]

Вставьте HTML код

[ghostik32]

Вставьте HTML код

Чёт не догоняю, напишите плз

[mishka]

можно так:

block.replace(/\{\{img\}\}/, ('<img src=' + '/' + upp + '/' + data[i].img1 + ' />'))

или если всетаки хотите иметь дело с new Image().

то appendChild вам в помощь.

[ghostik32]

можно так:

block.replace(/\{\{img\}\}/, ('<img src=' + '/' + upp + '/' + data[i].img1 + ' />'))

или если всетаки хотите иметь дело с new Image().

то appendChild вам в помощь.

именно хочу, у меня ситуация такая:

Я создам объект new Image

потом проверю его на .load() и если не загрузится буду меня ему src.

можно так:

block.replace(/\{\{img\}\}/, ('<img src=' + '/' + upp + '/' + data[i].img1 + ' />'))

или если всетаки хотите иметь дело с new Image().

то appendChild вам в помощь.

именно хочу, у меня ситуация такая:

Я создам объект new Image

потом проверю его на .load() и если не загрузится буду меня ему src.

[Great Rash]

var i = new Image();

i.toString = function() {
    return '<img src="' + this.src + '" alt="" />';
};

i.onload = function() {
    alert(this);
};

i.src = 'http://33gb.ru/gallery/album_1/min/test.png';

...

block.replace(/\{\{img\}\}/, i);

[mishka]

Great Rash, что-то у тебя неточности есть.

Может так:

var i = new Image();
var block = document.getElementById('box');
i.toString = function() {
	return '<img src="' + this.src + '" alt="" />';
};

i.onload = function() {
	alert(this);
};

i.src = 'http://33gb.ru/gallery/album_1/min/test.png';

block.innerHTML = block.innerHTML.replace(/\{img\}/, i.toString());

[Great Rash]

А в чем различие? Ну в регулярке, так задача стоит заменять {{img}}, а не {img}. А то, что я не полностью рабочий код написал (в смысле у меня нет элемента block), так это должно быть понятно из многоточия, которое должно символизировать N пропущенных строк.

[mishka]

А в чем различие? Ну в регулярке, так задача стоит заменять {{img}}, а не {img}. А то, что я не полностью рабочий код написал (в смысле у меня нет элемента block), так это должно быть понятно из многоточия, которое должно символизировать N пропущенных строк.

Да отличие в последней строке. В innerHTML