Here is the relevant HTML code that makes the above animation work:
<script type="text/javascript" src="jsani/jsani.loader.js"></script>
</head>
<body>
<form name="jsani" id="jsani" action="#" style="width: 700px; height: 570px;">
<input type="hidden" name="config_file" value="config.txt">
</form>
And here is the config file:
# JSani Config File
file_of_filenames=filelist.txt
overlay_labels=Cities/on, Counties, Wx/on
transparency=#000000
imgbaseurl=images
controls=previous, stopplay, next, looprock, slowfast, zoom, refresh
maxdwell=1000
maxdwell=1000
mindwell=40
initdwell=300
nsteps=10
missingimages=hide
And this is the file_of_filenames file:
# JSani file_of_filenames
midwest_radar_1.gif overlay = midwest_city_1.gif, midwest_county_basemap_1.gif, midwest_obs_1.gif
midwest_radar_2.gif overlay = midwest_city_2.gif, midwest_county_basemap_2.gif, midwest_obs_2.gif
midwest_radar_3.gif overlay = midwest_city_3.gif, midwest_county_basemap_3.gif, midwest_obs_3.gif
midwest_radar_4.gif overlay = midwest_city_4.gif, midwest_county_basemap_4.gif, midwest_obs_4.gif
midwest_radar_5.gif overlay = midwest_city_5.gif, midwest_county_basemap_5.gif, midwest_obs_5.gif