Insérer coverflow sur mon site

Fermé
zoro - 18 sept. 2017 à 14:27
 zoro - 23 sept. 2017 à 10:09
Bonjour,

Je souhaite insérer ce coverflow (http://jsfiddle.net/rudygotya/7q8eapr2/2/) sur mon site. Seulement je ne comprends pas comment intégrer jquery afin que l'effet se mette en place.
Merci de votre aide

zoro

A voir également:

3 réponses

Personne ne peut m'aider?

le html est:
<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>


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


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



c'est simplement pour ajouter la bibliothèque jQuery! là j'ai essayé plusieurs choses mais cela ne fonctionne pas.
Est-ce que quelqu'un saurait m'expliquer simplement comment ajouter ça?

Merci

zoro
0
Salut !
Tu met ça avant ta fermeture de balise body :
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
0
Bonjour,
merci de votre réponse, j'ai inséré ce script:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
et cela fonctionne.
ceci étant je souhaiterai créer plusieurs thèmes à ce coverflow; exemple:
"portrait" "paysage" "nature morte" ....
et le 1er qui s'afficherait serait portrait puis lorsque l'on clique sur paysage ou nature morte, le coverflow de ce thème apparait à la place du coverflow portrait et non pas sur une autre partie de la page.
Moi dans ce que j'ai réussi à faire, on voit les images sur une autre partie de la page et en plus le problème est que le coverflow ne fonctionne que sur le 1er.
Que dois-je modifier comme code?

Merci beaucoup pour votre aide

zoro...
0