JSFiddle - React, Tailwind, and code Playground
HTML
<script src="<script src="https://cdn.rawgit.com/coverflowjs/coverflow/master/dist/coverflow.min.js"></script>"></script>
<script src="<link type="text/css" href="https://cdn.rawgit.com/coverflowjs/coverflow/master/dist/coverflow.css" rel="stylesheet" />"></script>
<div id="conteneur">
<div id="coverflow">
<img src="http://placehold.it/350x350/E80000/FFFFFF" />
<img src="http://placehold.it/350x350" />
<img src="http://placehold.it/350x350/E8117F/FFFFFF" />
<img src="http://placehold.it/350x350" />
<img src="http://placehold.it/350x350/E8117F/FFFFFF" />
<img src="http://placehold.it/350x350" />
<img src="http://placehold.it/350x350/E8117F/FFFFFF" />
<img src="http://placehold.it/350x350" />
<img src="http://placehold.it/350x350/E8117F/FFFFFF" />
<img src="http://placehold.it/350x350" />
<img src="http://placehold.it/350x350/E8117F/FFFFFF" />
<img src="http://placehold.it/350x350" />
<img src="http://placehold.it/350x350/E80000/FFFFFF" />
</div>
</div>
CSS
#conteneur {
width: 500px;
height:400px;
margin: 2em auto;
border: 1px solid #CCC;
}
JavaScript
$(function() {
$('#coverflow').coverflow({
active: 2,
select: function(event, ui){
console.log('here');
}
});
$('#coverflow img').click(function() {
if( ! $(this).hasClass('ui-state-active')){
return;
}
$('#coverflow').coverflow('next');
});
});