jQuery добавляет изображение в div, не показывая, но может видеть его в Firebug

Question

У меня есть это дизайнерское приложение, которое позволяет пользователям динамически добавлять текст (добавление) в div с помощью jQuery. Текст генерируется с использованием ImageMagick(поэтому он имеет некоторые эффекты, такие как кривая, волна и т. Д.) И имеет формат png.

Моя проблема в том, что всякий раз, когда я пытаюсь обработать изображение и jQuery-добавить его в html div, "иногда" оно не будет отображаться, но при проверке с помощью firebug я вижу, что элемент / изображение присутствует. Я предполагаю, что речь идет о "задержке" подключения к Интернету при создании изображения.

Есть ли способ "предварительно загрузить" или убедиться, что изображение создано до его добавления в div?

Изображение создается с помощью jQuery post в файл "php" с помощью "shell_exec(" команда imagemagick ")", и я уже добавил обратный вызов, когда публикация завершена (добавление происходит здесь).

Спасибо (",)

Answer 1

$(".appender").click(function() {
   $(".appendingDiv").append($('<img />').attr('src', 'http://imagesrc.com'));
})