Rollover image functionality worked in Lectora X, now does not in Lectora 11
April 9, 2013 12:00 AM
I have created a course where I have a self constructed menu page. The background content on the page is a .swf image. I have constructed buttons on the page that perform three functions. On mouse roll-on, each button calls a .swf image that sits on top of the background image. As the mouse rolls off each button, the image is hidden. When the button is clicked, then Lectora navigates to the page referenced by the button.
The first picture below shows the base menu page, with none of the buttons rolled over. The second image shows what the page looks like with your mouse over the first button. The picture of the ejection seat is a .swf image that is overlaying the background.
[ATTACH=CONFIG]410[/ATTACH]
[ATTACH=CONFIG]411[/ATTACH]
The issue that I am having is that when I publish in Lectora 11, the page size changes. This lesson is formatted for a 1280 x 1024 screen. When I published this content in Lectora X, there were no issues. In Lectora 11, the size of the published page is larger than 1280 x 1024. The page has about 150 pixels of dead space to the right of the screen, which causes scroll bars to come up in my course. (The image below shows the dead space)
[ATTACH=CONFIG]412[/ATTACH]
When I look in the Lectora file prior to publishing, none of the elements on the page extend beyond the 1280 x 1024 screen size.
If anyone else is having this issue, or may possibly have a solution, I would greatly appreciate it.
Thanks!
Discussion (5)
I have a .zip file with the Lectora file, image folder and published HTML folder. The example in it demonstrates the problem. The entire .zip is about 1.5 megs. I think this is too large to post here on the message board. Is there any way to post this file for others to see and comment on / make suggestions?
Thanks!
Boomer
I have just done this:
1. Create a title in Lectora X, size it to 800x600, add a picture, size it to 800x600. Publish to HTML.
2. Open that title in Lectora 11 (looks okay). Publish to HTML.
3. Compare both HTML outputs. They are different in structure but look the same and are definitely sized the same.
Conclusion: this is something specific to your title, so in order to continue looking into solving this issue, you will have provide a working example of the problematic output (you can try and re-create the problem with different content in case you don't want too many people learn about the benefits of ejection seats :)
@Boomer 50095 wrote:
Is there any way to post this file for others to see and comment on / make suggestions?
You can try Dropbox.com or https://mega.co.nz/
I had the same problem when I inserted a swf from flypaper using the lectora export option. My opening splash was created in flypaper - when it was place in lectora, it had scroll bars. Even when I made it smaller in flypaper, it still had scrollbars. Let me know if you receive a resolution for this - because I kind of gave up!
Okay, so, after some troubleshooting, here is what I have found. All of the rollover images that are causing the issue are part of a group. If I take the .swf images out of the group, there is no oversized image issue. Apparently, being part of the group adds about 150 pixels of blank size to the right of all images within the group. I am not sure if this is a Lectora 11 bug, but it appears to be. In checking the properties of the group object within the tree, there is no option for size (which I wouldn't expect). I also tried changing the image type within the group and ended up with the same issue. Evidence points to the group item within Lectora being the issue.
Is anyone else having issues with graphic objects within a group, and possibly any suggestions on how to address it? I would rather not go through all of my existing Lectora X files and break out all of the grouped items.
Discussions have been disabled for this post