Picture of Louise Bennett
Re: Image zoom
by Louise Bennett - Monday, 14 May 2018, 1:34 PM
 

You could do this with css. I dug this up out of one of our courses; I haven't looked at the code myself, but it does appear to work in practice. Just add 'imb' to the classes field on your graphic component. 

@media screen
and (min-width: 930px)
and (max-width: 3922px){
.imb img:hover, .imb object:hover, .imb embed:hover {
margin-left: -224px;
margin-top: -19px;
opacity: 1;
position: absolute;
z-index: 10;
width: auto;
max-width: 200%;
top: 50%;
left: 50%;
}
}
@media screen
and (min-width: 761px)
and (max-width: 929px){
.imb img:hover, .imb object:hover, .imb embed:hover {
margin-left: -187px;
margin-top: -8px;
max-width: 194%;
opacity: 1;
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
}
}