"#Hover #Effect"
Bootstrap 3.3.0 Snippet by SANTANU CHOWDHURY

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <img style="width:400px; height:540px" class="asyncImage" data-src="https://i.ibb.co/FDb6tMs/thumbnail-10.jpg" src="https://i.ibb.co/TB3wVg7/thumbnail-10-small.jpg" alt=""> </div>
(()=>{"use strict";var a=document.getElementsByClassName("asyncImage");Array.from(a).map(a=>{const e=new Image;e.src=a.dataset.src,e.onload=()=>(a.classList.remove("asyncImage"),"IMG"===a.nodeName?a.src=a.dataset.src:a.style.backgroundImage=`url(${a.dataset.src})`,a.removeAttribute("data-src"),a)})})();

Related: See More


Questions / Comments: