Image Hover Zoom Effect With jQuery

http://www.ceditmx.com/zoom-icons.jpg

Met Sore All,.. Kali  ini saya akan mencoba memberikan trik 'Membuat Image Hover Zoom With jQuery'.langsung saja ke TKP. :p

Contoh bisa sobat klik disini...

CSS::

.zoomIcon {width:33px;height:33px;
position:absolute;top:0;right:0;background:url(http://picturestack.com/219/340/L9kiconakautt3he.png);}
.zoom {display:inline-block;position:relative;}
.zoom img {display:block;max-width:none;}

HTML::

<span class='zoom' id='ex1'>
    <img alt='aka zoom img' src='.../image.jpg' width='555' height='320'/>
</span>

JQUERY::

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src='http://ut2a-4down-blogspot-com.googlecode.com/files/zoomaka_utta.js' type='text/javascript'></script>

Jika anda yang ingin ditanyakan silahkan berkomentar yah..thanks :D

Selamat Mencoba!