Seamless still creating White Flash with background images

mcofield_08
mcofield_08 Community Member Posts: 16
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… 🙂

I’ve attached a test copy as an example…

Thanks so much,

Mark

Comments

  • approg
    approg Community Member Posts: 250 ♪ Opening Act ♪
    Yep it happens to me too.
  • approg
    approg Community Member Posts: 250 ♪ Opening Act ♪
    I had a further look into it and one way I've found to be able to refer to an element with JavaScript that works whether you're playing the title seamlessly or not is to check for the element's existence and if it can't be found to append window.parent to it and to check again eg.

    var el = document.getElementById("button58") || window.parent.document.getElementById("button58");

    If the JavaScript is in an action icon attached to the button in question then you can use this instead:

    var el = document.getElementById("%HTMLNAME%") || window.parent.document.getElementById("%HTMLNAME%");
  • jvalley4735
    jvalley4735 Community Member Posts: 1,357
    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.
  • mcofield_08
    mcofield_08 Community Member Posts: 16
    Thanks for the idea... though I think its already as an image in each page... or am I missing the point here  :-)

     

    I've attached a screenshot of the development file... the Image to me is at the page level...

    Thanks for your help!

    Mark
  • jvalley4735
    jvalley4735 Community Member Posts: 1,357
    Can you share the full title or at lease the page that is causing issues?
  • mcofield_08
    mcofield_08 Community Member Posts: 16
    Sure.. thx.. this is a 2 page sample...
  • jvalley4735
    jvalley4735 Community Member Posts: 1,357
    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.
  • mcofield_08
    mcofield_08 Community Member Posts: 16
    Thx Jennifer... I'll test this out... sorry for being a newbie  :-) ... I'm sure I'll have some more questions on this... but thank you for your time and effort!
  • jvalley4735
    jvalley4735 Community Member Posts: 1,357
    Ask away! That's what the forum is for :)
  • mcofield_08
    mcofield_08 Community Member Posts: 16
    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?
  • mcofield_08
    mcofield_08 Community Member Posts: 16
    The other pages work... but index.html doesn't load... strange...
  • jvalley4735
    jvalley4735 Community Member Posts: 1,357
    Sounds like a permissions issue. Do you have pop-up blockers turned off in Edge?
Sign In or Register to comment.

So You Wanna Be An eLearning ROCKSTAR?

We're all fans of eLearning here! Want to become an eLearning ROCKSTAR? Just click on one of the buttons below to start your rocking journey!