รบกวนสอบถามเกี่ยวกับ Masonry การใส่ image ครับ แก้ไม่ได้ครับ

<div class="tab-content  ">
  <div id="home2" class="tab-pane fade in active " style="padding-left:0; padding-right:0;">
		<p style=" padding-top: 20px;"><center>Image idea 3D 2D ,Ads</center></p>
			
            <div class="row demo-gallery grid js-masonry ggo" id="demo-test-gallery">
				<a href="images/V1.jpg" class=" demo-gallery__img--main col-lg-4 col-md-4 col-sm-4 col-xs-6 " 
					data-size="1620x1080" data-med="images/V1.jpg" data-med-size="1620x1080">
				   <img src="images/V1.jpg" width="100%" height="auto" class="lazy photo_in" />
				</a>
				<a href="images/V2.jpg" class=" col-lg-4 col-md-4 col-sm-4 col-xs-6 " 
					data-size="1476x1080" data-med="images/V2.jpg" data-med-size="1476x1080">
				   <img src="images/V2.jpg" width="100%" height="auto" class="lazy photo_in" />
				</a>
				<a href="images/V3.jpg" class=" col-lg-4 col-md-4 col-sm-4 col-xs-6 " 
					data-size="1620x1080" data-med="images/V3.jpg" data-med-size="1620x1080">
				   <img src="images/V3.jpg" width="100%" height="auto" class="lazy photo_in" />
				</a>
				<a href="images/V4.jpg" class=" col-lg-4 col-md-4 col-sm-4 col-xs-6 " 
					data-size="1620x1080" data-med="images/V4.jpg" data-med-size="1620x1080">
				   <img src="images/V4.jpg" width="100%" height="auto" class="lazy photo_in" />
				</a>
				<a href="images/V5.jpg" class=" col-lg-4 col-md-4 col-sm-4 col-xs-6"
					data-size="1920x1080" data-med="images/V5.jpg" data-med-size="1920x1080">
				   <img src="images/V5.jpg" width="100%" height="auto" class="lazy photo_in" />
				</a>
				<a href="images/V6.jpg" class=" col-lg-4 col-md-4 col-sm-4 col-xs-6 " 
					data-size="1756x1080" data-med="images/V6.jpg" data-med-size="1756x1080">
				   <img src="images/V6.jpg" width="100%" height="auto" class="lazy photo_in" />
				</a>
            	<a href="images/V8.jpg" class=" col-lg-4 col-md-4 col-sm-4 col-xs-6 " 
					data-size="1620x1080" data-med="images/V8.jpg" data-med-size="1620x1080">
				   <img src="images/V8.jpg" width="100%" height="auto" class="lazy photo_in" />
				</a>
		
        	</div>
        
	</div>
    
    


<script type="text/javascript">
$(document).ready(function() {
   var $items = $('.item'); //get element ทุกตัวที่ใช้ css class item
   var $container = $('#container'); //get element ตัว container
 
   $items.hide(); //ซ่อน element item ไว้ก่อน ยังไม่ให้แสดงเพราะรูปยังโหลดไม่เสร็จ
   $container.imagesLoaded(function(){ //ตรงนี้ใช้เช็คและทำงานเมื่อรูปโหลดเสร็จ
      $items.fadeIn(); //element item ค่อย fade แสดงขึ้นมา
      $container.masonry({ //ตัวแปร container เรียกใช้ instance masonry
         columnWidth: 240,
         itemSelector: '.item'
      });
   });
});//end document ready
</script>