javascript - magnifying DIV using jquery? -

i have div on page position absolute , id magnify , under div there div auto moving/scrolling small images...

what i'm trying make div magnify act magnifying glass..

so each small image goes under div, shows image bit bigger magnifying glass.

here have far code doesn't make magnify div magnifying glass , don't understand why!

<script>     $(document).ready(function () {         function () {             $('#magnify').animate({ 'zoom': 1});         }     }); </script> 

could please advise on this?

edit:

this example of referring to:

so icons moving/scrolling under magnifying glass/div... magnifying div doesn't move. thing moves images/icons under magnifying glass.

i'm not sure how slider works when image want magnify active/under 'magnifying glass' add css class scale using css.

i.e.

.image { transition: .2s ease-in-out; } .image-active { transform: scale(1.5); }