Keyword based search

I am trying to build a project that showcases the work of a visual artist. I want the user to be able to enter a search term and then click through all the relevant works based on the search term, skipping the rest.

My approach has been to put each work on a slide, and in each Timeline Starts trigger set a SearchTerms variable to a list of terms (separated by spaces) that apply to that work. On the home page, the user would enter a search term, and then the thing would go through each screen in succession, using a little JS script to check the entered search term against the list of terms assigned in that screen's timeline starts event. If the word is found, the slide is displayed. If not, it jumps to the next slide where the process repeats. I placed the image at 1/8 second, so it will not display if the slide doesn't match. (This prevents every slide from displaying very briefly while the script is being run and the variables evaluated.)

However, while this worked well in my test, it does not work in real life. Because there are so many images to catalog (over 100), the wait time is just too long as it jumps from slide to slide. On top of that, the execution time on each slide is inconsistent, so some of the incorrect images do display briefly. It's not going to work.

So I need some new idea. Again, the vision here is to have a home page with a search input box where the user can enter some search term. They are then presented somehow with all the slides (art works) that match the search term, and the rest are skipped.

 

Another wrinkle is that I was trying to do this with all the images stored locally and published with the course, but the compile time and subsequent published folder was going to be too big, so instead I am storing the images in AWS and just using URLs to access them. Don't know if that makes any difference, but I will have a hard-coded URL for each image.

IDEAS!?