image display size and mouse over zoom in CBC choice task

Hi
I plan to create a CBC with visualizations. I have 2 concepts per tasks, each represented by an image.

Therefore, first the image shall be provided as large as possible. The origin image is 1920x1080, but I dont think that tis size makes any sense. However, do you have any ideas how to format the CBC so that the system itself displays the tasks in the highest possible dimension (relevant to the monitor size the respondent watches the images)? I don't want to implement a fix "width" into the code, as this looks awful on smaller screens.

Second I thought it would be helpfur to add a mouse over zoom in addition. I saw the forum post (https://sawtoothsoftware.com/forum/4310/image-zoom-on-mouseover?show=4310#q4310) regarding maxdiff, but anyhow I cant get it to work. The CSS example works but is also not that comfortable as I thought.

Many many thanks for your support!
All the best,
Boris

Resolved
11 replies