November 12, 2018 at 10:16 am #411591
Basic text transition/effects do not work within a client’s template.
Any help would be appreciated?
var SpeedMultiplier = 500; //ms – higher number = slower transitions, relative to Lectora transition speed setting
var MoveToSpeedMultiplier = 100; //ms – for Move To actions
// Choose how far the flys will start from their ending point
var FlyRightDistance = 200; //px
var FlyLeftDistance = 200; //px
var FlyTopDistance = 200; //px
var FlyBottomDistance = 200; //px
var SizeToFromCenter = true;
// Choose an ease for each type of effect
// // Easing Types
// // swing, easeInQuad, easeOutQuad, easeInOutQuad, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart,
// // easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint, easeInSine, easeOutSine, easeInOutSine,
// // easeInExpo, easeOutExpo, easeInOutExpo, easeInCirc, easeOutCirc, easeInOutCirc, easeInElastic, easeOutElastic,
// // easeInOutElastic, easeInBack, easeOutBack, easeInOutBack, easeInBounce, easeOutBounce, easeInOutBounce
var MoveToEase = “swing”;
var SizeToEase = “swing”;
var FadeInEase = “swing”;
var FadeOutEase = “swing”;
var FlyInRightEase = “swing”;
var FlyOutRightEase = “swing”;
var FlyInLeftEase = “swing”;
var FlyOutLeftEase = “swing”;
var FlyInTopEase = “swing”;
var FlyOutTopEase = “swing”;
var FlyInBottomEase = “swing”;
var FlyOutBottomEase = “swing”;
var FlyInTopRightEase = “swing”;
var FlyOutTopRightEase = “swing”;
var FlyInTopLeftEase = “swing”;
var FlyOutTopLeftEase = “swing”;
var FlyInBottomRightEase = “swing”;
var FlyOutBottomRightEase = “swing”;
var FlyInBottomLeftEase = “swing”;
var FlyOutBottomLeftEase = “swing”;
var WipeDownInEase = “swing”;
var WipeDownOutEase = “swing”;
</script>November 14, 2018 at 5:18 pm #411910
A couple of links that might help you:November 14, 2018 at 10:21 pm #411942
The latest version of jQuery released in 2016 is version 3.1. DO you really want to use a 5+ year old of jQuery?
getDisplayDocument().querySelector(“.my custom CSS class name here”);
Math NotermansMember106 pts@mnotermans5114
The script you use is old. Its from Lectora X10 era… at that time you couldnot set CSS classes for elements in Lectora thus this approach was needed to work with JS in Lectora X10. From version 11 and up that has changed very much.
Actually i did use the script ( smoothHTMLtransitions.js ) too in X10. What it does..giving elements the option for a transition ( eg. fade ) now is as default available in the latest versions of Lectora. I am not sure in which version it debuted, but with the latest versions of Lectora you can simply select a transition for a page-element.
MathNovember 20, 2018 at 11:21 am #412460
Thank you so much for your suggestions.
I am working with lectora inspire 17 version and I have attempted to use the basic transitions “Fade in” /under properties on text box but it does not work within this template. I have been asked to do various animations from basic text fade on screen to more complex transitions of objects.
I attempted your suggestion
and also the below link which is very close to what I am hoping to achieve.
In both cases I have followed instructions as requested but I cannot see either samples when previewing (I am connected to the internet when viewing). I have attached both to see what the issue might be.
Again Many thanks for your helpNovember 22, 2018 at 6:06 am #412643November 22, 2018 at 7:06 am #412648
Tim KMember251 pts@timk
Hi, there are several issues in both files:
You’re using unsuitable quotes in all your custom js actions and HTML extensions. These need to be replaced with real quotes, so that they look like this
'. Currently your quotes are like this ” ‘
In your first file “fade-up…” …
… jQuery itself is missing, so it can’t work. You’ll either have to attach it as an “Additional .js file” or link to the library that’s hosted online as you did in the 2nd file (but with real quotes).
With regards to the second file …
… Your code to add an event listener to the checkboxes will be overridden by Lectoras own code for the checkboxes. You can add “On: Select/change” actions to the checkboxes if you want something to happen when the checkbox is changed.November 22, 2018 at 9:24 am #412651
thank you very much for your help. I have implemented your suggestions and i can now view it the file in preview, can you please explain why the gradual fade transition are not taking effect on each button as set in the code.
Many thanks again.
Attachments:November 23, 2018 at 5:47 am #412679
You must be logged in to reply to this topic.