<div>
Yeah but it doesn't zoom out a specific region of the image.
</div>


Yeah but it doesn't zoom out a specific region of the image.

<div>
<div class="content wysiwyg-content">
I need a free JavaScript code which gives me same effect as: <br />
<br />
<a href="http://www.magictoolbox.com/magiczoom/" rel="ugc">http://www.magictoolbox.com/magiczoom/</a><br />
<br />
<br />
<br />

</div>
</div>


I need a free JavaScript code which gives me same effect as: 

http://www.magictoolbox.com/magiczoom/





Javascript Image Zoom with MouseOver

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.