Zoom с jQuery

[NumseR]

Как мога да постигна ефект подобен на този т.е при hover дадено изображение да се zoom-ва, без да си променя размерите :roll:

 

[syneidesys]

Този плугин мисля че е готин:
http://zoomy.me/config.html

 

[Galli]

Примерно така.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.zoom').mouseover(function(){
$('.zoom').animate({'background-size': '150%'})
});
$('.zoom').mouseout(function(){
$('.zoom').animate({'background-size': '100%'})
});
});
</script>
<div class="zoom" style="width:98px;height:98px;overflow:hidden;background:url(http://web-tourist.net/forum/images/avatars/8932927714ac87fe1a7813.gif) no-repeat center top;background-size:100%;"></div>

 

[NumseR]

Благодаря и на двама Ви. Получи се