title: Retrieve image from JSON file which is in the database and display in HTML img tag
body: <p>I really dont know where the hell i am wrong. May be it is simple but I can't figure it out. Any help would be great, please and thank you.</p>
  
  <p>JSON code (it is stored in 'images' column in tblproducts table in the database)</p>
  
  <pre><code>{"200x200":"http://img.fkcdn.com/image/mobile/p/s/u/lenovo-k6-power-k33a42-200x200-imaezt6hypjzhdug.jpeg","400x400":"http://img.fkcdn.com/image/mobile/p/s/u/lenovo-k6-power-k33a42-400x400-imaezt6hypjzhdug.jpeg","800x800":"http://img.fkcdn.com/image/mobile/p/s/u/lenovo-k6-power-k33a42-800x800-imaezt6hypjzhdug.jpeg","unknown":"http://img.fkcdn.com/image/mobile/p/s/u/lenovo-k6-power-k33a42-original-imaezt6hypjzhdug.jpeg"}
  </code></pre>
  
  <p>HTML &amp; PHP Code:</p>
  
  <pre><code>&lt;?php 
     $category_id = $_GET['category_id'];
     $result = mysql_query("select * from tblproducts where category_id = '$category_id");
     while($row = mysql_fetch_array($result, MYSQL_ASSOC)){
  ?&gt;
  &lt;script&gt;
    var data = 
        data.forEach( function(obj) {
            var img = new Image();
            img.src = obj.Img1;
            img.setAttribute("class", "banner-img");
            img.setAttribute("alt", "effy");
            document.getElementById("img-container").appendChild(img);
        });
  &lt;/script&gt;
      &lt;img id="img-container" alt=" " class="img-responsive" /&gt; 
      &lt;h5&gt;
          &lt;a target="_blank" href="&lt;?php echo $row['product_url']; ?&gt;"&gt;
             &lt;?php echo $row['product_title']; ?&gt;
          &lt;/a&gt;
      &lt;/h5&gt;
     &lt;?php echo $row['maximum_price']; ?&gt;
  &lt;?php } ?&gt;
  </code></pre>
  
  <p>I have no idea about the javascript and how to fetch each of the image from the json and display it in different  tag. Please help... Thanks in advance</p>