I am using the TwentyTwenty Before After Slider (http://zurb.com/playground/twentytwenty) , works well when run from my server, but when added to Articulate Review or Scormcloud it just shows a blank screen where the web object should be.
I am calling jquery library from https://code.jquery.com/jquery-3.2.1.js would it be better to include the library inside of my project? I am going to be using a lot of these sliders so didn't really want to add it inside each web object.
As an aside something happened on review today that means my sliders now work, but they do not work in scormcloud, which i suspect means they will not work on my clients LMS (CSoD).
By topmost I mean the story_html5.html generated file. All web objects should be able to use this global jquery unless the learner's browser has some unusual security policy in play. Look for the script tags towards the bottom of the generated markup.
I'd guess the SCORM Cloud (and yes potentially LMS) is a CORS (cross domain script) security policy at the browser level. If so, you're best chance is serving jquery from the same box vs. the jQuery CDN (jquery.com)
Thanks Brian, I think it is a bug in the slider seems like it sometimes fails to load the images, I have added a function to check the images are loaded before the slider loads.
7 Replies
jQuery binds itself to the global namespace so better you instance once, in the topmost html, from your local project.
Thanks Brian, my topmost html would be the iframe of the webobject?
As each web object is created new doesn't that mean I need to reference it each time.
As an aside something happened on review today that means my sliders now work, but they do not work in scormcloud, which i suspect means they will not work on my clients LMS (CSoD).
By topmost I mean the story_html5.html generated file. All web objects should be able to use this global jquery unless the learner's browser has some unusual security policy in play. Look for the script tags towards the bottom of the generated markup.
I'd guess the SCORM Cloud (and yes potentially LMS) is a CORS (cross domain script) security policy at the browser level. If so, you're best chance is serving jquery from the same box vs. the jQuery CDN (jquery.com)
Thanks Brian, I think it is a bug in the slider seems like it sometimes fails to load the images, I have added a function to check the images are loaded before the slider loads.
Can someone please make a tutorial video on how we add the Jquery to our Projects.
Thanks in advance.
As the question how to add jQuery pops up every now and then again... i made a reusable post on 'How to' with more info about it.
https://community.articulate.com/discussions/articulate-storyline/how-to-add-jquery-or-anyother-external-javascript-library-to-storyline