Bootstrap popup modal

<!--My Modal -->
        <div class="modal fade" id="myModal" role="dialog" tabindex='-1'>
            <span id="myModal-trigger" class="hidden" data-toggle="modal" data-target="#myModal"></span>
            <div class="modal-dialog modal-dialog-centered">
               <div class="modal-content">
                 <button type="button" class="close" style="position:absolute; right:0;top:0;font-size:48px;line-height:20px;" data-dismiss="modal">&times;</button>
                 <img id="myModal-img-src" src=""/>
               </div>
             </div>
        </div>
<!--/My Modal-->
<script>
(function(){myModal()})();
   function myModal() {
      var myModal_items = document.getElementsByClassName("myModal-item");
      for(let i=0; i<myModal_items.length; i++) {
         myModal_items[i].setAttribute('onclick', 'popup(this)');
      }
   }
   function popup(e) {
       document.getElementById("myModal-img-src").src = e.src;
       document.getElementById("myModal-trigger").click();
   }
</script>

3d Flip slider (Impulse):

Labels: Bootstrap, CSS, Web development