Insérer coverflow sur mon site

zoro -  
 zoro -
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

3 réponses

  1. zoro
     
    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
  2. Bumble
     
    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
  3. zoro
     
    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