Привет, у меня есть скрипт на jQuery для смены картинок по наведению курсора. Помогите мне пожалуйста переделать этот код только под Canvas.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(function(){
//onhover image
$('.js-hover').hover(function() {
var _this = this,
images = _this.getAttribute('data').split(','),
counter = 0;
this.setAttribute('data-src', this.src);
_this.timer = setInterval(function(){
if(counter > images.length) {
counter = 0;
}
if (images[counter] != undefined) {
_this.src = images[counter];
} else {
_this.src = _this.getAttribute('data-src');
}
counter++;
}, 750);
}, function() {
this.src = this.getAttribute('data-src');
clearInterval(this.timer);
});
});
</script>
</head>
<body>
<img class="js-hover" alt="" src="img/1.jpg" data="img/3.jpg">
</body>
</html>