Получить URL вместо изображения при попытке показать его в модальном окне с помощью jQuery - PullRequest
Новая
       25

Получить URL вместо изображения при попытке показать его в модальном окне с помощью jQuery

0 голосов
/ 05 ноября 2011

У меня проблема новичка при попытке отобразить изображение в модальном всплывающем окне с помощью jQuery. Я использую следующий код: 

function showBlogImage(image, title)
{
   var img_url = '/images/public/admins/' + image;
   $('#blog-image-modal').html(img_url);
   if(!$("#blog-image-modal").dialog( "isOpen" )){
   $('#blog-image-modal').dialog("open");
   }
   return false;
}

Код работает в том смысле, что модал действительно появляется, только он отображает URL изображения вместо самого изображения ... Заранее спасибо за помощь

Ответы [ 3 ]

2 голосов
/ 05 ноября 2011

Вам нужно создать изображение, а не просто добавить URL-адрес изображения, а затем добавить его в модальное окно.

Вот код 

function showBlogImage(image, title)
{
   var img_url = '/images/public/admins/' + image;
   var $img = $("<img />").attr("src", img_url).attr("alt", title); // Create an image element and set it's src and alt attributes. This can be shortened with attr({src: im_url, alt: title}); instead of double .attr methods.
   $('#blog-image-modal').append($img);
   if(!$("#blog-image-modal").dialog( "isOpen" )){
   $('#blog-image-modal').dialog("open");
   }
   return false;
}
1 голос
/ 05 ноября 2011 
function showBlogImage(image, title)
{
   var img_url = '/images/public/admins/' + image;
   $('#blog-image-modal').html('<img src="' + img_url + '" alt="' + title + '" />');
   if(!$("#blog-image-modal").dialog( "isOpen" )){
   $('#blog-image-modal').dialog("open");
   }
   return false;
}

Вы должны сообщить браузеру, что это изображение, в противном случае он просто будет думать, что это фрагмент текста.

1 голос
/ 05 ноября 2011

Изменить эту строку: 

$('#blog-image-modal').html(img_url);

К этому: 

$('#blog-image-modal').append($("<img>").attr({ src: img_url }));
...