title: Generate html using Javascript
body: <p>I have a gallery page that is updated often with new images. I use simple HTML to post the photos. My process currently is copy and paste the set of tags for a photo and change the number to correspond with the image file name. E.G. I change the number 047 to 048. Copy-Paste, change it to 049. This goes on until I have reached the number of additional photos. As you can see, this is very inefficient and there must be a better way of doing this. I was wondering if there is a simpler way to achieve this with Javascript? Perhaps generate additional tags by inputing a certain number or range? </p>
  
  <p>Any ideas that would make this process efficient are welcomed please! Thank you!</p>
  
  <pre><code>&lt;div class="cbp-item trim"&gt;
            &lt;a href="../assets/images/trim/img-trim-047.jpg" class="cbp-caption cbp-lightbox" data-title=""&gt;
                &lt;div class="cbp-caption-defaultWrap"&gt;
                    &lt;img src="../assets/images/trim/img-trim-047.jpg" alt=""&gt;
                &lt;/div&gt;
            &lt;/a&gt;
        &lt;/div&gt;
  </code></pre>