Simple Example of jquery image scaling and dragging _ jquery

In this article, we will introduce a simple example of jquery image scaling and dragging. If you need some help, please refer to it. 1. Simple scaling without jquery:

The Code is as follows:

OnMouseWheel
SCRIPT
Var count = 10;
Function Picture ()
{
Count = Counting (count );
Resize (count );
Return false;
}
Function Counting (count ){
If (event. wheelDelta> = 120)
Count ++;
Else if (event. wheelDelta <=-120)
Count --;
Return count;
}
Function Resize (count ){
OImage. style. zoom = count + '0% ';
OCounter. innerText = count + '0% ';
}
SCRIPT

Size =
100%

1. Use jquery to zoom and drag:

The Code is as follows: