title: replace image src text with img
body: <p>if a HTML code is </p>
  
  <pre><code>&lt;div class="photos"&gt;
  http://myweb.com/imgs/img1.jpg
  https://myweb.com/imgs/img2.gif
  http://myweb.com/imgs/img3.png
  https://myweb.com/imgs/img4.bmp
  &lt;/div&gt;
  </code></pre>
  
  <p>how can you via jquery extract any url starting with either <code>http://</code> <strong>OR</strong> <code>https://</code> and ending with either <strong>.jpg .gif .png or .bmp</strong> and set them as images </p>
  
  <pre><code>&lt;div class="photos"&gt;
  &lt;img src="http://myweb.com/imgs/img1.jpg"/&gt;
  &lt;img src="https://myweb.com/imgs/img2.gif"/&gt;
  &lt;img src="http://myweb.com/imgs/img3.png"/&gt;
  &lt;img src="https://myweb.com/imgs/img4.bmp"/&gt;
  &lt;/div&gt;
  </code></pre>