get image's mirror image using jquery -

i want mirror image of image in both x-axis , y-axis using jquery . when user clicks on button image changes it's mirror image.

i not able search on internet.

i got one solution using css not jquery need jquery both direction.

i want these reflections 1 one means when click on reflect x button should reflect on x-axis , similar case y axis.

so used scalex(-1) instead of scale() x-axis problem when image reflecting fine it's position changing. can please me keep stay on same place , reflect on x-axis.

thanks!!!

you can use css3 mirror image

-moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); transform: scale(-1, 1); 

to use jquery, this:

 .mirror {      -moz-transform: scale(-1, 1);      -webkit-transform: scale(-1, 1);      transform: scale(-1, 1);   } 

and add class "mirror" object.

$('object').addclass('mirror'); 

to make normal, remove it:

 $('object').removeclass('mirror');