When creating a seamless course in Lectora 17, I still get the white “flash” between the transition of background images. Is there a way to transition them in/out so that the white flash doesn’t occur? Or is there something I’m doing wrong… 🙂
var el = document.getElementById(“button58”) || window.parent.document.getElementById(“button58”);
var el = document.getElementById(“%HTMLNAME%”) || window.parent.document.getElementById(“%HTMLNAME%”);
Thanks for bringing this to our attention. It’s been brought to our developer’s attention and they suggest placing the image as an image at the Chapter/Section/Page level, not on the background of the Chapter/Section/Page. That way Seamless will be applied to the image too, just like other objects.
This issue your seeing is because the “background” images are not the same size and layout, you see them change:
The green bar on the right is a different width
The blue-gray bar at the top is a different height.
The images themselves are different sizes, 999 x 710 and 1000 x 712
The Y positions are also different; Y=52 and Y= 51
There is a different “margin” at the top of the images.
But you’ll notice the inherited header bar and buttons do not flash.
If you delete the second image and copy the first – so that they are exactly the same – you do not see any flash, which means Lectora is behaving properly.
I was able to get this working after.. thx for your help Jennifer… one other issue that seems to have come up though is if I publish to HTML with Seamless Play… Microsoft Edge does not open the index.html file, though it will open and run with Internet Explorer 11… thoughts?