Jquery zoom in on click

Anybody knows a tutorial to animate a map inside a div and enlarge when clicking a spot to simulate “zoom in” smoothly as in flash with ease?

Do I have to use a large image to achieve this? or separate files one small and zoomed part after?


I’ve recently had a play with some plugins that do this stuff for you

playground.mobily.pl - marcin dziewulski - MobilyMap

Mapbox: the jQuery Map

Mapbox sounds kind of like what you’re after though. It will allow for multiple layers of different sized content that you zoom in to.


It’s close to the second one. I need it to be world and when you click a dot it zooms to that area making it larger and displays a box.

These boxes can be changed with css? and animated to with jquery?