Explore the community Forums Lectora Lectora Questions & Answers Page transitions in Lectora 16

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #303729 Score: 0
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    Ok we got page transitions in Lectora 16.
    But i do think there are just little page transitions available.. Box, Split Horizontal/Vertical, Strips and Wipe. I do miss a smooth fadeIn and fadeOut.

    And even more important…i want the pages to crossfade. Next page showing when the current page fades out. Ok, i know… not that easy…but i like being on the edge πŸ˜‰

    So i am thinking of creating a setup that does this.

    – Setup a title on 1 page, with all repeating elements in place so i dont need to bother with them
    – Create content in a separate awt, that will be loaded inside the first title. ( mmmmm… might need a awt for each page..not very wise.. well thinking aloud πŸ˜‰
    – If i have the page to be shown loaded somewhere/somehow.. i can grab an image both of the previous page and the next page. Fade those either with JQuery or whatever.. and then when the new page is available fade out the image of the old page ontop..

    Ok, i know… a bit fuzzy..

    Anyone knows a better solution ?

    #303766 Score: 0
    Profile photo of Jennifer Valley
    Jennifer Valley
    Member
    contributor
    beginner
    friend finder
    advanced
    lectora beginner
    verified member
    wise owl
    profile
    picture perfect
    curious george
    114 pts
    @jvalley4735

    I added your suggestion to our queue to improve the fade in and fade out functionality and to add a crossfade πŸ™‚

    What about aΒ jquery crossfade ?

    <html>    
       <head>
       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
       <script type="text/javascript">
          $(function() {
                $('#test').fadeOut(2000);
                $('#test1').fadeIn(2000);
          });
        </script>
        <style>
           h1 {font-size:12em;position:absolute; left:0;top:0}
           #test1 {display:none}
        </style>
        </head>
        <body>
           <h1 id="test">A</h1> 
           <h1 id="test1">B</h1>
        </body>
        </html>
    #303770 Score: 0
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    Hi Jenny,

    Yeah with 2 elements on the same page, indeed a perfect solution.
    But thats the problem..its the next page you want to crossfade with… well i do πŸ˜‰

    Thought about making a big one page monster in which the user zooms/fades/tweens from page A to page B when he clicks next. Would work, but makes maintenance for other developers a nightmare.

    I now have a project in which the original course allready was done in Flash… and it needs to look as much as possible as that… well those page-transitions is the only left bottleneck πŸ˜‰

    #308328 Score: 0
    Profile photo of Nick Powell
    Nick Powell
    Member
    beginner
    intermediate
    friend finder
    curious george
    contributor
    wise owl
    @npowell9105

    I miss this feature too, Math… When I first started in the eLearning industry the company I worked for used a little know product called Knowledge Presenter. It was terribly slow and only had one undo!! BUT…. it’s page transitions from one to the next and back were perfectly smooth. I believe it had a ‘load 5 pages’ option or something like that. The is was almost 10 years ago! So there’s no doubt the ability to do is around! I think it’s the one solid thing I don’t like about Lectora, the choppy changes from screen to screen.

    I wonder if JSON in the backend would solve this age old issue…

    I also think it’s one of the reasons people like captivate products…. (I’ll wash my mouth out now!).

     

    My two cents.

     

    Nick πŸ™‚

    #308346 Score: 0
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    Im not sure about how Captivate does this, but Articulate Storyline2, which has perfect page transitions too, uses Flash… well i do think that is a no-go… i developed a lot in Flash in the past, and really loved it back then, but well for now its a obsolete route im afraid. I did enhance the sample i use above… will upload that to show…

    Kind regards,

    Math

    #308366 Score: 0
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    118 pts
    @mnotermans5114

    Added a working setup as explained before. Nice looking transitions between pages, but not to easy to setup.
    Anyone that has a project and needs help with a setup like this, let me know and i help.

    https://community.trivantis.com/shared-content/lectora-player-with-page-2-page-transitions/

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.