Custom Mouse Cursors with JavaScript in Storyline 360
HTML-код
- Опубликовано: 12 сен 2024
- In this video, Jeff Batt demonstrates customizing the mouse icon for specific objects within an Articulate Storyline 360 eLearning course. You can change the cursor to a custom icon, image, or anything else using this simple snippet. When you move your mouse away from the object, the cursor returns to normal.
You can achieve a similar effect within Camtasia, and with this code, you can replicate that same effect inside Storyline for any digital learning course.
This snippet joins the rest of the snippets you can use out of the box, which can be found here: learningdojo.n.... Join us and take your eLearning skills to the next level!
Code Snippet
let targetObject = document.querySelector("[data-model-id='']");
if (targetObject) {
targetObject.addEventListener('mouseover', function () {
targetObject.style.cursor = 'url("../upside-down-cursor.png"), auto';
});
targetObject.addEventListener('mouseout', function () {
targetObject.style.cursor = 'default';
});
}
🥷 Link to Full Courses
Articulate Storyline 360: www.udemy.com/...
Adobe Captivate: www.udemy.com/...
xAPI Fundamentals: www.udemy.com/...
Camtasia: www.udemy.com/...
Articulate Rise 360: www.udemy.com/...
If you would like learn more visit learningdojo.n....
If you like this video, check out my full courses at www.udemy.com/course/create-elearning-courses-with-articulate-storyline-360-or-3/?referralCode=FD98FD55C7E5400CE3E9
You are great ❤
Thank you!
I know this is off topic. But does anyone know why BOTH question banks AND slide draws allow locking of slides to the top and to each other?
e-learning heroes and articulate support are very quiet on this!
It's probably something very obvious....????
Hmm, yeah I am not sure. Curious if anyone else knows.
@@LearningDojo I've been trying to find out for years. I suspect no one knows. I train people to use Storyline etc. and I hate to have gaps in my knowledge in the classroom.
@@32shumble Oh yeah me too. Have not come across this question though.
This is another off topic... I notice that you use 360 on a mac. I too have used 360 on a mac with virtual desktop via parallels and windows 11. But I don't get the same performance as I would on a native PC. I use a macbook pro with 16gb of ram and set parallels and win 11 to use 8gb ram when running. Maybe I am doing something wrong. I am wondering if this is the issue or if 360 just runs slower in general on a mac. I really don't want to have to get a windows laptop just to run 360.
Any recommendation on how to optimize 360 to run better on a mac? Maybe it is just upgrading my macbook pro to a 32 or 36 ram. Maybe this is an idea for a video. Not sure.
Are you on an M1 or higher chip? Or is it intel based?
@@LearningDojo I am using an M1 MacBook Pro 14" 16g 512hd. I currently have Parallels using 4 CPU cores and 8g of memory. I don't think that is enough. At least I notice it performance wise. I was thinking I needed at least 32g ram so I can parse 16g or more for Windows and Storyline. I just wish they would release a Mac version. I see in your videos that your storyline runs quite smooth, and was wondering your set up. Thanks for responding.
@@dvsteve71 Yeah honestly that could be it. I am on M1 but i do have 32-64GB of memory and I to dedicate 16GB to parallels. I have not seen slow down in awhile.