
Как с помощью функции drawImage(); реализовать такую возможность как к примеру...
У меня страница из 2-ух частейю Верхнего контента id="content" и нижнего футера id="footer". В нижней части три img изображения 100 на 100 пикселей. Я реализовал их циклический перебор с помощью for назначив им выбор по click-у в футере и последующим выводом их с помощью клика в части контента с заданием абсолютных координат pageX и Y. То есть выбираю в футере и распологаю, создавая элемент img в контенте. Это у меня получилось.
Но немогу реализовать так, чтобы кликнув в контенте проигралась анимация из 5-ти последующих картинок с помощью функции drawImage();(картинка строительства домика)
Я просмотрел видео о реализации анимации с помощью drawImage(), это у меня получилось, но дело в том, что она рассматривалась как отдельная возможность анимации. Привязать к клику его у меня не получилось. Максимум, что получилось, это с каждым кликом обновлялась картинка. То есть не с одного клика, а для каждой смены изображения отдельный клик.
Помогите чтобы я выбирал в изображение в футере и кликая в контенте анимировалась картинка с помощью функции drawImage(). Проигрывались 5 кадров строительства домика.





