Magnifying glass for images

mbuitenkamp-4316
Community Member Posts: 15 ☆ Roadie ☆
Hey all,
Trying to get an awesome script to work, I found this thread with an example of a magnifying glass.
However, it only works in preview mode, as soon as I publish,
Would anyone be able/willing to help me out?
Here's the example: Magnifying Glass example
Trying to get an awesome script to work, I found this thread with an example of a magnifying glass.
However, it only works in preview mode, as soon as I publish,
Would anyone be able/willing to help me out?
Here's the example: Magnifying Glass example
Comments
-
Here is an updated version that should work with the current version of Lectora.
-
-
Well, there are a few issues with the old script.
- When trying to get the width and height of the original (full size) image, it needs to wait until the file finished loading. The comment indicates that it needs to wrap in .load but it actually doesn't do it. So the image size is not set and calculations do not work.
- jQuery selectors (.small, .large, etc) do not work partly due to the upgrade in Lectora for seamless play publish.
- The magnifier (the div and full size image) does not show up due to layering (need to set z-index).
- I also added loadPending flag to avoid duplicate loading of the full size image.
-
Categories
- 35.8K All Categories
- 109 ✫ Announcements
- 33.1K Lectora®
- 31.1K Lectora Discussions
- 28.9K Lectora Desktop
- 2K Lectora Online
- 2K Lectora Feature Requests
- 71 Lectora User Groups
- 36 Lectora Accessibility User Group (LAUG)
- 22 ELB Learning Content
- 22 ELB Learning Content Discussions
- 321 CenarioVR®
- 188 CenarioVR Discussions
- 133 CenarioVR Feature Requests
- 41 Rockstar Learning Platform®
- 38 Rockstar Learning Platform Discussions
- 108 CourseMill®
- 108 CourseMill Discussions
- 47 ReviewLink®
- 47 ReviewLink Discussions
- 7 The Training Arcade®
- 7 The Training Arcade Discussions
- 934 All Things eLearning
- 36 eLearning Development
- 546 Learning Management System (LMS) Integration
- 332 Web Accessibility
- 1.2K ♪ The Green Room
- 9 Additional Learning Products