Is there a way to achieve a similar effect to Google Images, where the image pops and comes in front when we mouse over it without affecting the positions of other images? This should only happen when the cursor is still and not moving around randomly.
I attempted to zoom the image using code but it ends up displacing the other images from their original positions. Here's the code snippet I tried:
$("img").mouseover(function(){
$(this).css("cursor","pointer")
$(this).animate({zoom: '107%'}, 'fast')
}).mouseout(function(){
$(this).animate({zoom: '100%'}, 'fast')
});