I used code to "freeze" a stimulus image while a participant scrolls down the page so that the stimulus image is always visible. The image shows up to the right of the answers (which are also images), but the problem is that it is not possible to select any images directly to left of the stimulus image. Does anyone know of a way to fix this issue so that participants can click answers directly to the left of the stimulus image? Thanks for your help!
!
Here is the rich content code I used after the stimulus image:
<div class="image_spacer">This is a spacer element</div>
<style type="text/css">.image{
position: fixed;
z-index: 1000;
}
.image_spacer{
height: 233px;
visibility: hidden;
}
</style>
<div class="image_spacer">This is a spacer element</div>
<style type="text/css">.image{
width:68%;
z-index: 1000;
text-align:right;
}
.image.fixed{
position: fixed;
top:0;
left:0;
}
.image_spacer{
height: 233px;
visibility: hidden;
display:none;
}
.image_spacer.fixed{
display:block;
}
</style>