js for collage

<script>
    $(document).on('ready', function() {
    
        $('.Collage').each(function() {
        
          var collage = $(this);
        
          // REMOVE THE FOUR FORWARD SLASHES AT BEGINNING OF ANY LINE THAT CONTAINS FOUR FORWARD SLASHES,
          // IN ORDER TO OVERRIDE THE DEFAULT SETTING FOR THAT OPTION.  THE COMMENTS ABOVE ANY LINE PROVIDE
          // INSTRUCTIONS ON HOW YOU CAN USE THE OPTION.
        
          // this allows you to change the loading effect of the images as they appear on the screen.
          // default value is "effect-2".  Possible options are "effect-1", "effect-2", "effect-3".
          //// collage.attr("data-effect", "effect-2")
        
          // this is an approximation, but allows you to change the sizes of the images.
          // keep in mind, the nature of a collage layout will not give you perfect control over sizing.
          // default value is "450".
          collage.attr("data-target-height", "300")
        
          // this allows you to change the speed that the images appear on the screen.
          // default value is "fast". Possible options are "fast", "slow".
          //// collage.attr("data-fade-speed", "fast")
            
        });
        
    })
</script>