Javascript 如何在其他图像中产生图像滚动效果？

我想做一些类似的事情，像这样在滚动效果上推广我的网站

我发现来自计算机的图像只是一个图像：

而网站内的滚动图像也包括：

所以我的问题是，如何让其他图像在电脑中滚动，就像我提供的原始站点一样，可能是一些JS

这与我发现的类似：

HTML：

<ul id="scroller">
<li><img src="https://i.stack.imgur.com/lPcRz.jpg" width="400" 
height="1000"></li>
</ul>

    (function($) {
        $(function() { //on DOM ready
            $("#scroller").simplyScroll({
                customClass: 'vert',
                orientation: 'vertical',
                auto: true,
                manualMode: 'end',
                frameRate: 8,
                speed: 3
            });
        });
    })(jQuery);

和CSS：

/* Container DIV */
    .simply-scroll {
        width: 400px;
        height: 1000px;
        margin-bottom: 1em;
    }

---

但是，如何在PC映像内制作此映像，以及如何上下移动？

以下是您所需要的

。计算机为空{
溢出：隐藏；
位置：相对位置；
宽度：540px；
}
.电脑屏幕{
溢出：隐藏；
位置：绝对位置；
高度：247px；
宽度：445px；
左：50px；
顶部：20px；
}
.屏幕登陆{
左：0；
线高：0；
位置：绝对位置；
宽度：100%；
过渡：全部6秒；
-o-过渡：全部6s；
-ms转换：全部6s；
-moz转换：全部6s；
-webkit转换：全部6秒；
}
.屏幕登陆：悬停{
光标：指针；
利润上限：-1036px；
}
img{
最大宽度：100%；
宽度：自动\9；
高度：自动；
垂直对齐：中间对齐；
边界：0；
-ms插值方式：双三次插值；
}
计算机空的{
宽度：100%；
}

崛起

这可能不是最好的解决方案，但却是我目前唯一能想到的解决方案：

1） 你可以编辑电脑的图片，切断屏幕，使其透明

2） 做两个div，一个在另一个里面

3） 首先，大一点的会有一张电脑的图片

4） 第二个将完全填补计算机图片中的空白，屏幕所在的位置

5） 确保添加

溢出：滚动

它看起来像：

HTMl:

现在我知道这个解决方案很难做出响应，但这是我目前唯一能想到的解决方案。
谢谢，我也会考虑你的解决方案。
<div>
    <img src="path to your picture of computer">
    <div class="img-box">
        <img src="path to your picture of inside screen">
    </div>
</div>

.img-box{
        width: ???;
        height: ???;
        overflow: scroll;
    }