jabbascript,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js</title>
</head>
<body>
<div align="center" style="height:220px;">
<img src="https://js.cx/gallery/img1-lg.jpg" alt="" width="200" height="200" id="slide_show"><br>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script>
var mas = ['https://js.cx/gallery/img1-lg.jpg', 'https://js.cx/gallery/img2-lg.jpg', 'https://js.cx/gallery/img3-lg.jpg', 'https://js.cx/gallery/img4-lg.jpg'];
var i = 0;
function tim()
{
$('#slide_show').delay(3000).fadeOut(600, function() {
i = ++i % mas.length;
this.src = mas[i];
$(this).fadeIn(600, tim);
});
}
tim();
</script>
</body>
</html>