displaying a photomosaic image created from multiple image tiles

I am currently working on a small personal project where my program creates a photomosaic image from multiple images. (A photomosaic is a digital image made up of other digital images, pieced together by software by definition)

here is my input and sample output.

input http://ift.tt/1MFZEH9

output http://ift.tt/1GdfggT

my code only takes images from local directory. and now im trying to make a simple webpage that creates and displays a photomosaic image just like the samples. Also I want to make it possible to zoom into a photomosaic image and view each of the image tiles with original quality. (my code resizes each tiles).

I am quite new to web programming languages, so I dont know where to start looking for information about this problem.

Is there a way to keep each mosaic tile images to original images and zoom in so that it's kind of responsive? (i dont know if word "responsive" is suitable).

Sorry for the image links, this is my first stackoverflow question and i dont have enough reputations to put images :(