Enlarging images when mouseover using Jquery?

Question

I am trying to enlarge the images when mouseover and reduce the size back to normal after mouseout. I have the following:

$(\'#image img\').live(\"mouseover\         


        

Answer 1

You can use this: jsFiddle

$('#image').hover(function(){
    $(this).css({width:"100%",height:"100%"});
},function(){
    $(this).css({width:"50%",height:"50%"});   
});