How do I create a web control to display image of infinity dimensions.

See more:

Javascript

I want to create an image display control for web app with the following features for enhancing my knowledge

-different images will stored in a database (MySQL or MSSQL) in binary format.
The images will be merged to create a bigger image when displayed on the web page. Portions that are not visible can be viewed by scrolling vertically or horizontally. The dimension of the merged images may be bigger that it cannot be loaded at once from the database so as I scroll, more parts are loaded and displayed. I want to be able to zoom tiny portions.
Some portions of the image may have details (either image/text) that can be viewed by mouse focus/ double-clicking or touch screen actions/events to make it interactive. Similar to how google map / earth control works.
. I don't want to use any other third party controls because I want to enhance my skills.
I'm able to store images and text in the database,p.

How do I create a web control to do that?
Which client side and server side scripting languages will be suitable for that.
Is storing image in binary format for web a good choice?
I'm familiar with JavaScript, c#, MySQL, MSSQL, and a little bit PHP(still learning)
Any other readings you suggest are welcome. Thanks in advance.

What I have tried:

Able to store images and details of the image.