hi there as I am new to Adapt I am still working out how things work. Is there a way I can make an image zoomable so that I can select it and then zoom in on it? Similar to the functionality in Storyline...thanks for any help
Image zoom
Re: Image zoom
Hi Justin can you show an example of image zoomable?
Maybe you can use adapt-contrib-hotgraphic.
Regards.
Re: Image zoom
Hi, we also would like to make images zoomable. On smartphones images are shown only very small. Using the Hotgraphic plugin (adapt-contrib-hotgraphic) for zooming images wouldn't work in this particular scenario, since it's behaviour will change to that of a Narrative component on smartphones.
Are there any other options to make images zoomable? Thanks you.
Re: Image zoom
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%;
}
}