Caro... - jQuery Carousel Evolution
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.11/jquery.mousewheel.min.js"></script>
<script src="ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://www.jqueryscript.net/demo/Coverflow-Style-Image-Carousel-Plugin-For-jQuery-Carousel-Evolution/scripts/jquery.carousel-1.1.min.js"></script>
<link rel="stylesheet" href="https://www.jqueryscript.net/demo/Coverflow-Style-Image-Carousel-Plugin-For-jQuery-Carousel-Evolution/style/carousel.css">
<link rel="stylesheet" href="https://www.jqueryscript.net/demo/Coverflow-Style-Image-Carousel-Plugin-For-jQuery-Carousel-Evolution/style/content.css">
<div class="carousel">
<!-- BEGIN CONTAINER -->
<div class="slides">
<!-- BEGIN CAROUSEL -->
<div>
<!-- SLIDE ITEM --> <a href="#">
<img src="https://0.s3.envato.com/files/43917021/images/slide-1.jpg" />
</a>
</div>
<div> <a href="#">
<img src="https://0.s3.envato.com/files/43917021/images/slide-2.jpg" />
</a>
</div>
<div> <a href="#">
<img src="https://0.s3.envato.com/files/43917021/images/slide-3.jpg" />
</a>
</div>
<div> <a href="#">
<img src="https://0.s3.envato.com/files/43917021/images/slide-4.jpg" />
</a>
</div>
<div> <a href="#">
<img src="https://0.s3.envato.com/files/43917021/images/slide-5.jpg" />
</a>
</div>
<div> <a href="#">
<img src="https://0.s3.envato.com/files/43917021/images/slide-6.jpg" />
</a>
</div>
<div>
<img src="https://0.s3.envato.com/files/43917021/images/slide-7.jpg" />
</div>
</div>
<!-- END SLIDES -->
</div>
<!-- END CAROUSEL -->
JavaScript
$(document).ready(function () {
$('.carousel').carousel({
carouselWidth: 930,
carouselHeight: 330,
directionNav: true,
backOpacity: 0.2,
buttonNav: 'bullets'
});
});