Options for ability to zoom in on a large detailed image?

Hi @romeoT , that post was unfortunately affected by the Community Platform migration so the HTML piece is not displaying correctly. I’ve updated it below.

To give it a try, first create a question in the survey Builder. Using the Rich Content Editor's HTML/Source view "<>", update the Question Text with the below:

Zoom in on the coffee below:
<br>
<div class="wrapper">
<div class="left">
<img src="https://raw.githubusercontent.com/ivanmmarkovic/misc/master/images/large/beverage-caffeine-cappuccino-1660916.jpg">
</div>
<div class="right">
<div id="inner" class="inner">
<img src="https://raw.githubusercontent.com/ivanmmarkovic/misc/master/images/large/beverage-caffeine-cappuccino-1660916.jpg">
</div>
</div>
</div>

Next, add the below to the question's JavaScript in the OnReady section:

const inner = document.getElementById("inner");
const left = document.querySelector(".left");
left.addEventListener("mousemove", handleMousemove, false);
function handleMousemove(event) {
 let { width, height } = this.getBoundingClientRect();
 let xAxis = Math.round(event.offsetX / width * 100);
 let yAxis = Math.round(event.offsetY / height * 100);
 jQuery(inner).css({"transform":"translate(-"+xAxis+"%,-"+yAxis+"%)"});
}

Finally, add the below CSS to the Style section of the survey's Look & Feel:

* {
 box-sizing: border-box;
 margin: 0;
 padding: 0;
}

.wrapper {
 display: flex;
 height: 100vh;
 width: 600px;
 height: 400px;
 margin: 10px auto;
}

.left,
.right {
 flex: 1 1 auto;
 border: 1px solid dimgray;
 max-width: 50%;
}

.left {
 display: flex;
 justify-content: center;
 align-items: center;
}

.left > img {
 width: 100%;
 height: auto;
 pointer-events: none;
}

.right {
 position: relative;
 overflow: hidden;
}

.inner {
 position: absolute;
 width: 400%;
 height: 400%;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 display: flex;
 justify-content: center;
 align-items: center;
}
.inner > img {
 width: 100%;
 height: auto;
}

Also, though you'd have to add some pieces to get it to work with a Timer, Lightbox is a useful library for enlarging pictures. There is an example here.