Enlarge with mouse wheel

Kingell · **Posted:** May 25th, 2019, 9:34 am

I have an image on a page which I would like the viewer to be able to resize using the mouse wheel.
That is; select the image and use the wheel to enlarge or decrease.
I can't find a reference anywhere.

Any help please?

mackavi · **Posted:** May 26th, 2019, 6:52 pm

There is no trigger built-in.

You have to create custom event handlers. It is in the help, but here's the outline:

Code:

var myEventUp = Frame.RegisterEventHandler("mousewheelup", this.MoveMeUp)
var myEventDown = Frame.RegisterEventHandler("mousewheeldown", this.MoveMeDown)

function MoveMeUp() {
Debug.trace("scroll up\n");

}

function MoveMeDown() {
Debug.trace("scroll down\n");
}

Where 'Frame' is the name of the object on the page to which you're attaching the event handler. The functions MoveMeUp / Down would contain your code to handle the scaling.

</mack>

Kingell · **Posted:** May 27th, 2019, 2:00 am

Many thanks for your help offer but there is not enough information for me to proceed.
I'm afraid I need more details. Many thanks for your contribution so far. Where is the
information printed please?
Kind regards

Kingell · **Posted:** May 27th, 2019, 2:02 am

"It is in the help"
Many thanks but what do I type to find it please?
Regards

Kingell · **Posted:** May 27th, 2019, 2:17 am

I'm writing a presentation programme for a Parish Council planning meeting.
I need to scroll a mouse to enlarge the image.
My image is in a frame in a MultiFrame - Image_3
The MultiFrame is already scrolled but I would also like to use a mouse wheel
to enlarge/reduce Image_3.
Sorry. I can't persuade the code to copy here.
Regards

mackavi · **Posted:** May 30th, 2019, 1:50 pm

Event Handler attached to an image object called 'apple'. wheel shrinks / enlarges image.

Code:

var myEventUp = apple.RegisterEventHandler("mousewheelup", this.MoveMeUp)
var myEventDown = apple.RegisterEventHandler("mousewheeldown", this.MoveMeDown)
scale =1
function MoveMeUp() {
scale = scale + 0.1;
apple.SetScale(scale,scale,0,false)

}

function MoveMeDown() {
if (scale >0.2) scale = scale - 0.1;
apple.SetScale(scale,scale,0,false)
}

</mack>

Kingell · **Posted:** May 30th, 2019, 4:14 pm

Many thanks - it's a few years since I programmed and I'm a bit rusty but
I'll give this a go.
"mouse click - call function"?
I have many pages so I presume that when I move on
the function will exit.
Very kind of you to help - thanks again.
Kind regards :lol:

Kingell · **Posted:** May 30th, 2019, 4:37 pm

Brilliant! It does exactly what I want.
I can even drag the image around using
the programme's own facilities.
Many thanks again.
Kind regards

Digital Workshop

Enlarge with mouse wheel

Who is online