Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #322390 Score: 0
    Profile photo of clammers
    clammers
    Member
    beginner
    intermediate
    contributor
    curious george
    wise owl
    picture perfect
    friend finder
    advanced
    entry
    entry
    20 pts
    @clammers

    I have a large image I’d like to move over a longer period of time than the speed slider currently allows. Is there any way to edit the HTML to slow down the move action on objects?

    #322419 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
    117 pts
    @jvalley4735

    How long are you looking to extend it by?

    #322420 Score: 1
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    209 pts
    @Klaatu

    Clammers, when you say “edit the HTML” are you referring to going into the index.html that Lectora puts out and manually altering the code? If so, yes. Before I explain this I just want to mention I’m not crazy about altering the published code and would much rather use another solution such as GreenSock’s GSAP to completely control the animation. That being said here you go, step by step.

    1. Set up your move with an action and set the speed slider to the lowest it can go.

    2. Get the HTML Name of the action in No.1 (example ‘action44’) you’ll need this in a minute.

    3. Publish to web.

    4. Open the index.html in a text editor (Notepad will work fine).

    5. Scroll down in the code until you find the function with the action html name from no.2 above. Example: function action44(fn).

    6. Under that line you will see the HTML Name of the object being moved along with .objLyr.doTrans (some numbers separated by  comma’s).

    7. If you moved the slider as slow as it can get the third number (which is used to calculate the duration of the move) will be 11.

    8. Alter this number by increasing it by tenths (11.1, 11.2, 11.3……11.9) then save.

    9. Run the index.html and test the animation. You’ll notice that as you increase the number to 11.9 it gets much slower. As a matter of fact you can go 2 decimal places up to 11.99 which is hardly noticeable movement.

    This is not a great solution but will work if it’s a one shot deal. It would be nice to have more control over the speed, a numeric input in lieu of the graphical slider would allow that. I think Trivantis was probably keeping the learner in mind by limiting how long you can make an animation last. Too slow and stand to lose people.

    Hope this helps.

    This post has received 1 vote up.
    #322444 Score: 1
    Profile photo of Sergey Snegirev
    Sergey Snegirev
    Member
    contributor
    intermediate
    advanced
    friend finder
    lab member
    junior moderator
    advocate
    LUC16
    LUC16 Attendee
    wise owl
    339 pts
    @ssneg

    I love the fact that in Lectora you can crank the speed up (down) to eleven 🙂

    This post has received 1 vote up.
    #322457 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
    117 pts
    @jvalley4735

    Your jokes and quips this week have been awesome this week Sergey.  Keep it up!

    #322564 Score: 0
    Profile photo of clammers
    clammers
    Member
    beginner
    intermediate
    contributor
    curious george
    wise owl
    picture perfect
    friend finder
    advanced
    entry
    entry
    20 pts
    @clammers

    Thank you all for the feedback. This is what I was looking for (and have tried in the past), but I still don’t think it suits my needs. I was testing how I could embed within one Lectora page a separate Lectora page with the same width but different height. Then, by using variables (increased on the ‘original,’ non-embedded page), move the content of the embedded page up or down. Basically, having a page which “scrolls” for the user based on clicks, rather than a scroll bar. Ideally, the content would give the illusion of scrolling up/down, but the move action is so fast you couldn’t see it.

    It’s nothing I need to to, per se. Just something I was playing around with to see if I could make it work. Thanks again.

    #322599 Score: 0
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    209 pts
    @Klaatu

    Is this something like what you are trying to accomplish?

    #322620 Score: 0
    Profile photo of clammers
    clammers
    Member
    beginner
    intermediate
    contributor
    curious george
    wise owl
    picture perfect
    friend finder
    advanced
    entry
    entry
    20 pts
    @clammers

    Not quite. I’d upload my title, but I’m having difficulty doing so at the time.

    Here’s my set-up: I have two pages, Home and Embedded Content. Home is a standard resolution for desktop (1009 x 662). Embedded Content is 1009 x 1600 an essentially consists of one image (four 1009 x  400 sections). Home has a web window with a resolution of 1009 x 400 which links to Embedded Content. Home also has two buttons, Up and Down, which add or subtract 1 from a variable. Also on Embedded Content is a timed action which checks this variable and moves the image up or down accordingly.

    Everything works swell except for the fact that the move is so quick, it’s almost unnoticeable. Ideally, I’d like a slow move so the user sees the “transition.”

    #322652 Score: 0
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    209 pts
    @Klaatu

    I think I understand now. It’s like a lightbox type effect. Is there a reason you are using a web window? Would a mask work for your application? See attached. The image being displayed is 1009 x 1600 with four 1009 x 400 sections; each a different color. It’s primitive but I built it just to give you an idea.

    The part I’m fuzzy on is what your doing with the variable.

    Darrel

     

    • This reply was modified 4 years, 1 month ago by Profile photo of Darrel Somoza Darrel Somoza. Reason: 1006 should have been 1009
    • This reply was modified 4 years, 1 month ago by Profile photo of Darrel Somoza Darrel Somoza.
    Attachments:
    1. window.zip
    #322658 Score: 0
    Profile photo of John Blackmon
    John Blackmon
    Moderator
    beginner
    intermediate
    contributor
    friend finder
    advanced
    junior moderator
    wise owl
    LUC16
    LUC16 Attendee
    verified member
    49 pts
    @johnb

    Maybe break up the move into multiple chained move actions? Even that might be too fast if you are only moving a short distance. Might take some custom coding.

    #322764 Score: 0
    Profile photo of clammers
    clammers
    Member
    beginner
    intermediate
    contributor
    curious george
    wise owl
    picture perfect
    friend finder
    advanced
    entry
    entry
    20 pts
    @clammers

    Thanks, Darrel – something like that may work for what I am trying to do. It is definitely on the same path of what I am trying to accomplish, so I appreciate your ability to follow my (admittedly vague) description.

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

You must be logged in to reply to this topic.