Change Element's Width And Height on Scroll

I have a floating img that user can move around with pressed left mouse button; but I also want to zoom-in and zoom-out an image when user tries to scroll it.

I can't find proper events for this like onscrollforeward and onscrollbackward.

/* Here I want to zoom-in an image.
*/ image.onscrollforeward = function( e ) { ... };

/* And here to zoom-out.
*/ image.onscrollbackward = function( e ) { ... };