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!
Post a Comment