Magnifying Glass/ Magnify Image effect?

joejubee
joejubee Community Member Posts: 323 ✶ Headliner ✶
Ok, so I know that you can use the zoom in/out action to enlarge images, but I’ve found that it really isn’t very clean to use. There’s no way to really mask/crop the zoomed in image, and no way for the user to move the zoomed image around.

I was looking at something like this:
http://thecodeplayer.com/walkthrough/magnifying-glass-for-images-using-jquery-and-css3
and was wondering if there was a tool similar to this in Inspire. It seems like a feature that a lot of people could use, and may already exist, I just couldn’t figure it out.

Any thoughts or suggestions would be appreciated.

Joe

Comments

  • marco-meissner
    marco-meissner Community Member Posts: 17
    Hello Joe,

    I just used a script like this in one of my projects. I will upload a small example.

    Just have a look at it - maybe it helps...

    Cheers,
    Marco
  • ssneg
    ssneg Community Member Posts: 1,466 ☆ Roadie ☆
    Great script. All you have to do is essentially swap out the images for your own course graphics. However, it'd be cool to add this functionality to images pasted directly in the course, so they're easier to manipulate. I was considering this for part 5 of my 4-part blog on JQuery and Lectora, maybe I have to do an 'encore' :)
  • joejubee
    joejubee Community Member Posts: 323 ✶ Headliner ✶
    That is a great script! Thanks!