移动图片错误-JavaScript

大约2小时后，我设法让图像移动，但我遇到了一些问题：

1） 图像移动到“绑定”之外-图像重叠可以，但超出浏览器的一侧

2） 向右移动滚动条（0->20）使图像移动得更近-确定 但是向左移动滚动条（20->0）不会将图像返回到原来的位置

我寻求你们的帮助来帮助调试和清理代码

---

提前感谢：）并为我的编码能力弱表示歉意>请尝试以下JS。您似乎没有给出这些图像的移动范围。我添加了一个限制，它是范围控制的最大值。可以通过增加滑块的最大值来增加该值

var imgObjLeft = null;
var imgObjRight = null;

function init() {
  imgObjLeft = document.getElementById('IMG_LEFT');
  imgObjLeft.style.position = 'relative';
  imgObjLeft.style.left = '0px';

  imgObjRight = document.getElementById('IMG_RIGHT');
  imgObjRight.style.position = 'relative';
  imgObjRight.style.left = '100px';
}

function moveRight(value) {
  valueH = value;
  imgObjLeft.style.left = valueH + 'px';
  imgObjRight.style.left = (100 - valueH) + 'px';
}

window.onload = init;

---

你能加一把小提琴吗？@Rohit Agre简单明了的方法。。。很好，非常感谢非常感谢。对不起，我是新来的。不知道可以点击“勾号”标记。再次感谢大家~：）

var imgObjLeft = null;
var imgObjRight = null;

function init()
{
    imgObjLeft = document.getElementById('IMG_LEFT');
    imgObjLeft.style.position= 'relative'; 
    imgObjLeft.style.left = '0px'; 

    imgObjRight = document.getElementById('IMG_RIGHT');
    imgObjRight.style.position= 'relative'; 
    imgObjRight.style.left = '100px'; 
}

function moveRight(value)
{
    valueH = value/2;

    imgObjLeft.style.left = parseInt(imgObjLeft.style.left) + valueH + 'px';
    imgObjRight.style.left = parseInt(imgObjRight.style.left) - valueH + 'px';
}

window.onload =init;

var imgObjLeft = null;
var imgObjRight = null;

function init() {
  imgObjLeft = document.getElementById('IMG_LEFT');
  imgObjLeft.style.position = 'relative';
  imgObjLeft.style.left = '0px';

  imgObjRight = document.getElementById('IMG_RIGHT');
  imgObjRight.style.position = 'relative';
  imgObjRight.style.left = '100px';
}

function moveRight(value) {
  valueH = value;
  imgObjLeft.style.left = valueH + 'px';
  imgObjRight.style.left = (100 - valueH) + 'px';
}

window.onload = init;