$(function(){
	var $grid = $('#imgs').masonry({
				itemSelector: '.img',
				animate: true
			});
			
	$grid.imagesLoaded().progress( function() {
		$grid.masonry();
	});
	
	$grid.on('click', '.img', function(){
		$(this).toggleClass('after-click');
		$grid.masonry();
	});
});
$(function(){
    var baseurl = './midnight_photo/';
    $.ajax({
        url : 'img_paths.json',
        dataType : 'json',
        success : function( data ) {
            for (var cnt = 0;cnt < data["paths"].length;cnt++) {
                var img = '<div class="img"><img src="' + baseurl + data["paths"][cnt] + '"></div>';
                $("#imgs").append(img);
            }
            var $grid = $('#imgs').masonry({
				itemSelector: '.img',
				animate: true
			});
			
            $grid.imagesLoaded().progress( function() {
                $grid.masonry();
            });
            
            $grid.on('click', '.img', function(){
                $(this).toggleClass('after-click');
                $grid.masonry();
            });
        }
    });
});

update index.js