I'm trying to display two separate automated slideshows using embedded CSS code on a single page. The code that I'm using works beautifully with one slideshow but, when I try to embed a second instance (calling different photos), neither slideshow works correctly (apparently, the Javascript gets confused by the common variables in both sets of code). As a workaround, I've simply used the embedded code version in the first instance and a Weebly slideshow in the second instance but, they don't really match.
I've found alternate (and very complicated) code online but, each solution assumes a clean/ground-up build v. pages built using a tool like Weebly Editor. I think that I can simply make the the variables discrete (e.g. "MySlides1" and "MySlides2") but I haven't been able to make it work. Can you please help me adjust the embedded code so that two diferent instances can run simultaenously on the same page?
You can find both slideshows - the embedded version first, the Weebly slideshow second - on a page I've staged for you: http://www.blackishawards.com/weeblyq.html
Thanks so much!
