CODEWITHSUNDEEP
javascriptjqueryajaxjson
Vignesh Prajapati
Vignesh Prajapati

Reputation: 2350

How to generate dynamic Image tags by jquery

I have fetched json through 

<script>
    function getjs()
    {
        var script =document.createElement("script");
        script.setAttribute("type","text/javascript");
        script.setAttribute("src","http://localhost:8080/vigs/f4json?user=3&callback=gr");
        document.body.appendChild(script);
    }
    var i=0;
    function gr(data)
    {
        for(i=0;i<data.size;i++)
        {
            document.getElementById('w').innerHTML =data.itemr[i].itmurl;
        }
    }
</script>

so, after fetching the urls it simply displays url of images in my div. I just confused how to write up code in jquery for same above task but also display images (by generating dynamix image tag appended to next one by one based on size in div) in my div with id mydiv.Or any alternative ?

your help would be appreciated.. thanks

Upvotes: 0

Views: 465

Answers (2)

ShankarSangoli
ShankarSangoli

Reputation: 69915

Using JavaScript

function gr(data)
{
  var w = document.getElementById('w');
  for(i=0;i<data.itemr.length;i++)
  {
      var img = document.createElement('img');
      img.src = data.itemr[i].itmurl;
      w.appendChild(img);
  }
}

Upvotes: 3

Abdullah Jibaly
Abdullah Jibaly

Reputation: 54830

$("<img>").attr("src", data.itemr[i].itmurl).appendTo($("#w"));

Upvotes: 2

Related Questions