insérer coverflow sur site

[novis]

Bonjour,

Je souhaite insérer ce coverflow ( http://jsfiddle.net/rudygotya/7q8eapr2/2/ )   

sur mon site. Je n'ai pas de souci pour intégrer css et js. Seulement je ne comprends pas comment intégrer Jquery.

Je vous transmets mon code:

 

html:

<div>
    <div id="coverflow">
        <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" />
    </div>
</div>
<div id="coverflow-slider"></div>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="http://adresse du lien vers coverflow en js/1019_coverflow_.js"></script>

 

 

css:

.ui-coverflow-wrapper{
    height:400px;
    margin-top: 100px;
}
.ui-state-active{
    border:0px;
}

js:

$(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');
         
         
    });
     
});

et mon head:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="http://lien vers coverflow css/1018_coverflow_.css" rel="stylesheet" type="text/css" />

Je dois faire une grosse bourde avec le jquery car à chaque fois c'est ce qui bloque! J'ai les images affichées les unes à côté des autres mais il n'y à pas d'effet.

Cela fait une semaine que je cherche, trifouille... mais je ne comprends pas... d'où ma question sur le forum.

 

J'espère que vous pourrez m'éclairer

 

Novis