Отображение изображения из URL, содержащегося в JSON - PullRequest
2 голосов
/ 08 ноября 2010

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

Вот код -

<head>
    <script type="application/javascript" src="jquery-1.4.3.min.js"></script>
    <script type="text/javascript">
    $(function() {
        $.getJSON('http://openapi.etsy.com/v2/public/shops/textilesandtreasures?api_key=nshydhv462pr42t7g36b5nky',
        function(data) {
            $('#ShopBanner').html(data.results[0].image_url_760x100); 
        });
    })
    </script>
    </head>
    <body>
        Static Load
        <img src="http://ny-image0.etsy.com/iusb_760x100.7872244.jpg" width="100%"  />
        <br>
        Load from API
        <script language="javascript">
          document.write('<img src="'+ ShopBanner);
          document.write('" width="100%" />');
        </script>
        <ul>
        This is the correct URL being displayed</br>
         <li><a href="" id="ShopBanner"></a></li>
        </ul>
    </div>
    </body>
    </html>

Помощь с этой проблемой будет принята с благодарностью.Спасибо!

Ответы [ 2 ]

2 голосов
/ 08 ноября 2010

Добавьте это в ваш <body>:

<div id="ShopBanner"></div>
0 голосов
/ 08 ноября 2010

Вы хотите создать тег <img> и установить его атрибут src:

$.getJSON('http://openapi.etsy.com/v2/public/shops/textilesandtreasures?api_key=nshydhv462pr42t7g36b5nky',
function(data)
{
  var $img = $("<img />").attr('src', data.results[0].image_url_760x100);
  $('#ShopBanner').empty().append($img);

});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...