<a href="#"><img onClick="show()"class="img" src="css/images1/img1.png"></a>
 <a href="#"><img onClick="show()"class="img" src="css/images1/img2.png"></a>
 <a href="#"><img onClick="show()"class="img" src="css/images1/img3.png"></a>
 <a href="#"><img onClick="show()"class="img" src="css/images1/img4.png"></a>
 <div class="gallery"></div>
<script>
    function show(){
        var x=document.getElementsByClassName('gallery')[0];
        x.style.display="block";
           };
</script>