title: How to add image in a given directory to carousel
body: <p>I have this carousel code, which works fine, but its images are pointing o external links. I would like to point to some directory instead, however I can't get it to work. </p>
  
  <p>I've tried:</p>
  
  <pre><code>.item.active
              %img{:alt =&gt; "", :src =&gt; "/images/img1.jpg"}/
  .item
              %img{:alt =&gt; "", :src =&gt; "/images/img2.jpg"}/
  .item
              %img{:alt =&gt; "", :src =&gt; "/images/img3.jpg"}/
  
  </code></pre>
  
  <pre><code>%div{class: 'col-xs-12 col-sm-12'}
  %section#carousel
    .row
      .col-md-12
        #myCarousel.carousel.slide
          %ol.carousel-indicators
            %li.active{"data-slide-to" =&gt; "0", "data-target" =&gt; "#myCarousel"}
            %li{"data-slide-to" =&gt; "1", "data-target" =&gt; "#myCarousel"}
            %li{"data-slide-to" =&gt; "2", "data-target" =&gt; "#myCarousel"}
          / Carousel items
          .carousel-inner
            .item.active
              %img{:alt =&gt; "", :src =&gt; "https://upload.wikimedia.org/wikipedia/commons/thumb/6/67/London_Eye_%281302205182%29.jpg/1024px-London_Eye_%281302205182%29.jpg"}/
            .item
              %img{:alt =&gt; "", :src =&gt; "https://upload.wikimedia.org/wikipedia/commons/1/1e/Buckingham_palace_london_2004-09-05.JPG"}/
            .item
              %img{:alt =&gt; "", :src =&gt; "https://upload.wikimedia.org/wikipedia/commons/c/c5/Queens%27_Building%2C_Queen_Mary_University_of_London.jpg"}/
  
  </code></pre>
  
  <p>But the images aren't loaded. What can I do to make it work?</p>