kostia170985,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/flexslider.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/jquery.flexslider.min.js" ></script>
<style type="text/css">
.flexslider{
width: 500px;
margin: 20px auto;
}
.flexslider .slides img{
height: 310px;
width: 100%;
}
</style>
<script>
$(function() {
$('.flexslider').flexslider({
animation: "slide",
pauseOnHover: true,
slideshow: true,
slideshowSpeed: 1000
});
});
</script>
</head>
<body>
<div class="flexslider">
<ul class="slides">
<li><span class="cnt"><img border="0" src="https://images.wallpaperscraft.ru/image/babochka_uzory_luchi_svet_blesk_bliki_16378_1920x1200.jpg"></span></li>
<li><span class="cnt"><img border="0" src="http://www.playcast.ru/uploads/2019/06/08/27135417.jpg"></span></li>
<li><span class="cnt"><img border="0" src="http://www.clipartbest.com/cliparts/niX/8KB/niX8KB46T.jpeg"></span></li>
<li><span class="cnt"><img border="0" src="http://www.uponthisrock.com/powerpointbacks/coollines2.jpg"></span></li>
</ul>
</div>
</body>
</html>