title: How to show data from JSON file to Bootstrap 4 Carousel using jQuery including images hash
body: <p>I am trying to parse a JSON file from my locally json and in <strong>console.log</strong> I am getting the array but I do not know how to put in the Bootstrap carousel to show the data.
  I want to get thee JSON files and to show in carousel only thee JSON which starts with tag data
  Here you can find the JSON files 
  <a href="https://jsfiddle.net/q79gm8vL/" rel="nofollow noreferrer">JSON files</a>
  I tried something like this till now.
  Depends on the answer of the @T.Shah everything it is working one problem it is that the first item it is blank and then it is taking the JSON data, I tried to remove the <code>carousel-item active</code> but then it is showing anything.
  Code is updated. </p>
  
  <pre><code>$.getJSON('./data/projects.json', {get_param: 'value'}, function (getArray) {
          $.each(getArray.data, function (index, element) {
              var thisImage = element.image;
              $('.carousel-inner').append('&lt;div class="carousel-item"&gt;' +
                  '&lt;img class="d-block w-100" src="https://demo.test.com/api/v4/media/' + thisImage + '/thumbnail/width/900/height/600/strategy/crop" alt=""&gt;' +
                  '&lt;div class="carousel-caption"&gt;' +
                  '&lt;h3&gt;' + element.name + '&lt;/h3&gt;' +
                  '&lt;p&gt;' + element.description + '&lt;/p&gt;' +
                  '&lt;/div&gt;' + '&lt;/div&gt;');
          });
      });
  &lt;div id="carouselExampleControls" class="carousel slide" data-ride="carousel"&gt;
      &lt;div class="carousel-inner"&gt;
          &lt;div class="carousel-item active"&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
      &lt;a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"&gt;
          &lt;span class="carousel-control-prev-icon" aria-hidden="true"&gt;&lt;/span&gt;
          &lt;span class="sr-only"&gt;Previous&lt;/span&gt;
      &lt;/a&gt;
      &lt;a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"&gt;
          &lt;span class="carousel-control-next-icon" aria-hidden="true"&gt;&lt;/span&gt;
          &lt;span class="sr-only"&gt;Next&lt;/span&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>