The answer is to use JavaScript or AJAX to progressively hand out the correct sized image - rather than loading the full sized (large file) at the start. This can be a bit tricky - so here's a great free service that does it for you.
Zoom.it allows you to embed a large image (must be already hosted on your website) and adds the necessary controls to let your viewers zoom in and out.
Check it out at http://zoom.it all you need is the URL of your large image, and to add the HTML code that zoom.it supplies into your web page at the appropriate place.
Have a play with the example below...

Your post was interesting and awesome as well.Big thanks for sharing. I appreciated and like it. Keep sharing.
ReplyDeleteweb design manila
Thanks for sharing this post. This post is so very informative. I learned important things on it.
ReplyDeleteweb development philippines
informative stuff... website design and development
ReplyDeleteThanks on your marvelous posting! I actually enjoyed reading it; you might be a great author. I will make certain to bookmark your blog and may come back very soon. I want to encourage you to continue your great work, have a nice weekend!
ReplyDeletetrash cans outdoor
I really found the post very informative. I would like to implement this in my sites as well. Thank you for sharing it.
ReplyDeletehttp://curiouswebservices.com.au | web designer
just linked this article on my facebook account. it’s a very interesting article for all...
ReplyDeleteWeb Designing
I was able to find the details that I was searching for. I must thank you for the initiatives you have made in writing this article. I am expecting the similar best efforts from you in the future as we
DeleteWeb developer