Is there any option available for users to zoom images in moodle quiz?
Thank you
Hello Manoj,
Does not work if the "Browser security" parameter of the quiz is set to "Full screen pop-up with some JavaScript security":
- A rudimentary way to do this is to right click on the image and select "View Image" (Firefox) or "Open image in new tab" (Chrome), then zoom the image using the browser's zoom (Ctrl + or Ctrl mouse wheel). This will work well if the image is actually larger than displayed in the quiz.
- Use the Chrome extension "Magnifying glass - Hover Zoom".
Works even if the "Browser security" parameter of the quiz is set to "Full screen pop-up with some JavaScript security":
- On Windows computers, you can use the system's Magnifier. See here for details.
- Use the Firefox extension "Zoom Image
". (Note that you must right-click and rotate the mouse wheel simultaneously.)
- Create your own image zoom with JavaScript. See for example:
- Zoom on hover (replace the green div with an image).
- Image Magnifier Glass
- Image Zoom
Thank you.In moodle mobile app that option available
I have got a simple solution, maybe useful for you - see attachment
<img onmouseenter="this.style.zoom='5'" onmouseleave="this.style.zoom=''" width="100px" src="motyl12.jpg">
zoom is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
thanx for a quick reply; yes it did not work in Firefox; is the following solution a standard one? /jp
style="transition:.1s;width:150px;" onmouseover="this.style.width='600px'" onmouseout="this.style.width='150px'"
style="transition:.1s;width:150px;" onmouseover="this.style.width='600px'" onmouseout="this.style.width='150px'"
Hello Jiří,
There is often more than one way to get a result. Just make sure you're not using deprecated features.
W3Schools and Stack Overflow give good examples. See for example https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onmouseover ↗
There is often more than one way to get a result. Just make sure you're not using deprecated features.
W3Schools and Stack Overflow give good examples. See for example https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onmouseover ↗