Привет, я пытаюсь изменить положение на 10 пикселей моего изображения, когда я нажимаю Suivant, он перемещается на 10 пикселей вправо, но когда я нажимаю Precedent, он не возвращается на 10 пикселей, похоже, не может найти проблему!
window.addEventListener("load", function(){
btnPrec = document.getElementById('prec');
btnSuiv = document.getElementById('suiv');
var oImg = document.getElementById("img1");
oImg.style.position = "relative";
oImg.style.left = "0px";
oImg.style.top = "0px";
btnSuiv.addEventListener("click", function(){
oImg.style.left = "10px";
})
btnPrec.addEventListener("click", function(){
oImg.style.right = "10px";
})
}, false)
Вы можете использовать свойство осталось, увеличивая/уменьшая единицу измерения:
window.addEventListener("load", function(){
btnPrec = document.getElementById('prec');
btnSuiv = document.getElementById('suiv');
var oImg = document.getElementById("img1");
oImg.style.position = "relative";
oImg.style.left = "0px";
oImg.style.top = "0px";
btnSuiv.addEventListener("click", function(){
oImg.style.left = parseInt(oImg.style.left) + 10 + "px";
})
btnPrec.addEventListener("click", function(){
oImg.style.left = parseInt(oImg.style.left) - 10 + "px";
})
}, false)
<img src = "/" id = "img1">
<br>
<button type = "button" id = "prec">prec</button>
<button type = "button" id = "suiv">suiv</button>
Вы пытаетесь перемещать его постепенно (каждый раз, когда нажимается кнопка, перемещайте ее больше) или только перемещаете ее между двумя позициями?