Как добавить эффект прокрутки мыши к изображению в изображении ⇐ Html

[Anonymous]

Может ли кто -нибудь помочь мне с кодированием ниже? Я пытаюсь добавить изображение монитора с другим изображением в мониторе, которое имеет эффект автоматической прокрутки на мыши. < /p>

Я попробовал следующее из этого поста:
Как сделать эффект прокрутки изображений внутри других изображений? />.computer-empty {
overflow: hidden;
position: relative;
width: 540px;
}
.computer-screen {
overflow: hidden;
position: relative;
height: 265px;
width: 480px;
left: 30px;
top: 20px;

}
.screen-landing {
left: 0;
line-height: 0;
position: absolute;
width: 100%;
transition: all 6s;
-o-transition: all 6s;
-ms-transition: all 6s;
-moz-transition: all 6s;
-webkit-transition: all 6s;
}
.screen-landing:hover {
cursor: pointer;
margin-top: -1036px;
}
img {
max-width: 100%;
width: auto;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
.computer-empty img.computer {
width: 100%;
}
< /code>

html -код im Использование: < /p>

< /p>













< /code>

Если я установил позицию на абсолютную на. Если я устанавливаю его как относительный, эффект прокрутки работает, но тогда изображения сидят друг на друга.>

Подробнее здесь: https://stackoverflow.com/questions/583 ... n-an-image