title: How to add to slider images from array(for example local images or from websites)?
body: <p>I want to make this HTML dynamically: images and this "dots" 
  and I want to load them from JavaScript Array. help please! </p>
  
  <pre><code>&lt;div id="slider" class="carousel slide" data-ride="carousel"&gt; 
      &lt;ol class="carousel-indicators"&gt; 
          &lt;li data-target="#slider" data-slide-to="0" class="active"&gt;&lt;/li&gt; 
          &lt;li data-target="#slider" data-slide-to="1"&gt;&lt;/li&gt; 
          &lt;li data-target="#slider" data-slide-to="2"&gt;&lt;/li&gt; 
      &lt;/ol&gt; 
  
  &lt;div class="carousel-inner"&gt; 
      &lt;div class="item active"&gt; 
          &lt;img src="~/Content/img/sl1.jpg" width="100%" /&gt; 
      &lt;/div&gt; 
  
      &lt;div class="item"&gt; 
          &lt;img src="~/Content/img/sl2.jpg" width="100%" /&gt; 
      &lt;/div&gt; 
  
      &lt;div class="item"&gt; 
          &lt;img src="~/Content/img/3sl.jpg" width="100%" /&gt; 
      &lt;/div&gt; 
  &lt;/div&gt; 
  
  &lt;a class="left carousel-control" href="#myCarousel" data-slide="prev"&gt; 
      &lt;span class="glyphicon glyphicon-chevron-left"&gt;&lt;/span&gt; 
      &lt;span class="sr-only"&gt;Previous&lt;/span&gt; 
  &lt;/a&gt; 
  &lt;a class="right carousel-control" href="#myCarousel" data-slide="next"&gt; 
      &lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt; 
      &lt;span class="sr-only"&gt;Next&lt;/span&gt; 
  &lt;/a&gt; 
  &lt;/div&gt;
  </code></pre>