Mouse + keyboard to optical zoom?

Question

Hi all,

I'm currently building windows store app using HTML5/Javascript and now I want to make some element (div, img) to be zoomable (not semantic zoom).
For touchscreen, I've done using following CSS rules:

overflow: auto;
-ms-content-zooming: zoom;
-ms-content-zoom-limit: 50% 200%;

But how can I make the element to be zoomable with Ctrl + mouse wheel / Ctrl + +/- key??

Thanks anyway and sorry for my bad english.

Answer 1

Take a look at this sample: http://code.msdn.microsoft.com/windowsapps/Scrolling-panning-and-47d70d4c/view/SourceCode , specifically Scenario-3 covers what you are looking for. Hope it helps.

Thanks,

Prashant.

---

@prashantphadke || Windows Store Developer Solutions #WSDevSol || Want more solutions? See our blog, Windows Store & Phone Developer Solutions

Answer 2

This sample works! Thank you Prashant!! ><