I'm currently using Skycons and it's working perfectly fine. However, I've run into an issue where if I have 2 canvas IDs, it will render the first one but leave the second one blank.
In my JavaScript code:
var icons = new Skycons({
"color": "#73879C"
}),
list = [
"clear-day", "clear-night", "partly-cloudy-day",
"partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
"fog"
],
i;
for (i = list.length; i--; )
icons.add(list[i], list[i]);
icons.play();
So when I need to display 3 icons
<canvas id="rain" width="128" height="128"></canvas>
<canvas id="partly-cloudy-day" width="128" height="128"></canvas>
<canvas id="partly-cloudy-day" width="128" height="128"></canvas>
The first two will render as expected, but the third doesn't because the ID has been used twice. I need all instances with the same ID to be rendered, since I don't know how many times I will use "partly-cloudy-day". I hope that makes sense, but feel free to ask any questions if needed.
Thank you for your assistance