Forum Discussion
Pull Image from Image Database?
I'm wondering what the best way to recall an image from a collection of images would be.
Let’s say I have 10 teams and they each have their own logo, but each team shares a similar “Team Member Profile” page that lists their vital info. I want the proper team logo to populate along with some other info such as their names, etc.
I do not want to create a separate page for each member, but instead have all this data—team logo, their profile picture, their job title, etc.--all pull from a database of sorts.
Is this possible?
Assuming you have built some method for them to identify themselves, you can use states:
Change state of LogoGraphic to HR when timeline starts on this slide if IDVariable = HR (or 1).
Using JS to find the correct team would be easy. From there, it would be much easier to use states and triggers. Changing one graphic for another with JS would take a lot more.
As for accessing a dynamic database (you could change a name in a text file, and the team roster would change), I'm not sure how much work that would take in JS, but I think it would be easier making a page for each.
Either from Google Sheets...with an teamID identifying the current team as an entry in the sheet...and then all the other info can be there too..or use a database like Firebase to save/read the data. xApi would also be possible.
Have you come across a guide or how-to on how to link that up in Storyline?
Thank you for the replies!
Some samples showing how to are here,
use the WebObject and load it... not locally though...only works when you put your images on some server accessible publicly.
https://360.articulate.com/review/content/f46b31c5-5deb-44ae-877a-3fb6657960d0/review
Here showing how to use Unsplash to dynamically load images.
https://360.articulate.com/review/content/84e90f55-7193-447b-b375-1e0adb073425/review
https://community.articulate.com/discussions/articulate-storyline/using-unsplash-it-random-photos-in-storyline-2
