Creating an overlay of an image (like Pinterest)

Creating an overlay of an image (like Pinterest)

Hi,

I am new to jQuery.

I am trying to make a feature on my website so when you hover over an image, it makes an overlay appear.

I have successfully done this, but one issue i am having is when you move the mouse, the overlay flickers.

Please visit  http://www.callummundine.com.au/photo/explore_photographers.php and hover over the first image to see what i mean.

This is the script i used:

<script>
$("#1").hover(
 function () {
$('.layover').show();
 },
 function () {
$('.layover').hide();
 }
);
</script>