Feedback (0 comments)
Please post any feedback, live examples, bugs, features and change requests here.
... jQuery plugins ... zoom image rollover plugin ...
Zoom Image Rollover
One of our clients recently requested this effect. I could not find another plugin doing this so I built it!
Simple clean code
No need to include any messy inline JavaScript.
<html>
<head>
<script src="/js/jquery-1.4.1-min.js" type="text/javascript"></script>
<script src="/js/js/jquery.zoomImgRollover.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('img').zoomImgRollover();
});
</script>
</head>
<body>
<p>
<a href="#">
<img height="485" width="216" src="image.gif"/>
</a>
</p>
</body>
</html>
Download
Example of 'Zoom Image Rollover'
Here is a very simple demonstration of 'Zoom Image Rollover'.
Top Trackbacks
- http://plugins.jquery.com/project/zoomImgRollover2564 referals (first recorded: 2010-02-09 11:27:10)
- http://coliss.com/articles/build-websites/operation/javascript/jquery-plug...526 referals (first recorded: 2010-02-09 10:21:10)
- http://www.jquerybuzz.com/entry/agluZXctZ2FtZXNyDQsSBUVudHJ5GN64Ggw/9 referals (first recorded: 2010-02-09 17:17:30)
- http://achiachi.blogspot.com/2010/02/jquery331.html8 referals (first recorded: 2010-02-22 08:40:00)
- http://search.conduit.com/ResultsExt.aspx?ctid=CT2504091&SearchSource=3&q=...3 referals (first recorded: 2010-04-06 15:36:26)
- http://www.google.com/reader/view/2 referals (first recorded: 2010-02-09 11:53:09)
- http://www.google.com/search?q=jquery+zoomimage+hover&ie=utf-8&oe=utf-8&aq...2 referals (first recorded: 2010-02-25 09:58:40)
- http://www.google.com/search?q=jquery+zoom+rollover&ie=utf-8&oe=utf-8&aq=t...2 referals (first recorded: 2010-02-25 21:27:52)
- http://www.google.com.br/url?sa=t&source=web&ct=res&cd=1&ved=0CAYQFjAA&url...2 referals (first recorded: 2010-03-02 14:18:12)
- http://www.google.co.jp/search?hl=ja&rlz=1T4GGLL_jaJP306JP306&q=jquery+zoo...2 referals (first recorded: 2010-03-29 10:23:32)