Javascript-форум - drag & drop вопрос

Есть сайт (вебкам голые модели - https://sexchat.bar/ ), на котором расположено меню со стрелками. Мне необходимо чтобы при передвижении стрелок, появлялись новые. Не хочу использовать jquery UI. А как реализовать на javascript не знаю

<!DOCTYPE html>
02
	<html lang="en">
03
	<head>
04
	    <meta charset="UTF-8">
05
	    <title>Title</title>
06
	    <link rel="stylesheet" href="css/proverka.css">
07
	</head>
08
	<body>
09
	        <div>
10
	            <ul>
11
	                <li style="list-style-type: none;"><img src="images/вверх.png" width="40px" height="50px" align="center" class="str1 draggable"></li>
12
	                <br>
13
	                <li style="list-style-type: none;"><img src="images/лево.png" width="50px" height="40px" align="center" class="str2 draggable"></li>
14
	                <br>
15
	                <li style="list-style-type: none;"><img src="images/вниз.png" width="40px" height="50px" align="center" class="str3 draggable"></li>
16
	                <br>
17
	                <li style="list-style-type: none;"><img src="images/право.png" width="50px" height="40px" align="center" class="str4 draggable"></li>
18
	            </ul>
19
	        </div>
20
	        <script src="js/proverka.js"></script>
21
	</body>
22
	</html>