giwuf,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">.slider {
width: 650px;
margin: 0 auto;
}
.slick-slide img:first-child {
width: 100%;
height: 400px;
}
.slick-slide {
position: relative;
}
.plus-1 {
position: absolute;
top: 45%;
left: 20%;
width: 65px;
height: 65px;
cursor: pointer;
}
.plus-1:nth-child(2) {
left: auto;
right: 20%;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.slick/1.3.15/slick.min.js"></script>
<link href="https://cdn.jsdelivr.net/jquery.slick/1.3.15/slick.css" rel="stylesheet"/>
<script>
$(function() {
$('.slider').slick({
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
infinite: true
});
});
</script>
</head>
<body>
<div class="slider">
<div>
<img src="http://kenwheeler.github.io/slick/img/fonz1.png" />
<img id="plus-1" class="plus-1" src="https://cdn0.iconfinder.com/data/icons/classic-icons/512/063.png" width="65" height="65">
<img id="plus-2" class="plus-1" src="https://cdn0.iconfinder.com/data/icons/classic-icons/512/063.png" width="65" height="65">
</div>
<div>
<img src="http://kenwheeler.github.io/slick/img/fonz2.png" />
<img id="plus-1" class="plus-1" src="https://cdn0.iconfinder.com/data/icons/classic-icons/512/063.png" width="65" height="65">
<img id="plus-2" class="plus-1" src="https://cdn0.iconfinder.com/data/icons/classic-icons/512/063.png" width="65" height="65">
</div>
</div>
</body>
</html>