Insérer touchmove au mousemove
Bonjour,
J'apprécie cet effet présent sur codepen (https://codepen.io/dghez/pen/ItxKE)
Est il possible d'ajouter un script dans le js afin que l'effet qui est mis en action avec la souris soit actif avec le doigt sur une écran tactile?
Est ce que le script pourrait ressembler à cela:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| $(document).ready(function(){
var mouseX, mouseY;
var ww = $( window ).width();
var wh = $( window ).height();
var traX, traY;
$(document).mousemove(function(e){
mouseX = e.pageX;
mouseY = e.pageY;
traX = ((4 * mouseX) / 570) + 40;
traY = ((4 * mouseY) / 570) + 50;
console.log(traX);
$(".title").css({"background-position": traX + "%" + traY + "%"});
$(document).mousemove (function startup() {
var el = document.getElementsByTagName("canvas")[0];
el.addEventListener("touchstart", handleStart, false);
el.addEventListener("touchend", handleEnd, false);
el.addEventListener("touchcancel", handleCancel, false);
el.addEventListener("touchleave", handleLeave, false);
el.addEventListener("touchmove", handleMove, false);
}
)});
}); |
Pourriez vous m'indiquer un site où je pourrai tester mes codes? Habituellement je teste avec jsfiddle mais lorsque j'insère du js il bug pas mal... donc si vous en connaissez un autre, merci d'avance
Merci pour votre aide
Novis
