Sujet : Duo gagnant jquery

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../../turn.min.js"></script>

<style type="text/css">

body{
    background-color:#000;
    margin:0;
    padding:0;
    height:100%;
    width:100%;
}

#magazine{
    width:1600px;
    height:600px;
}
#magazine .turn-page{
    width:800px;
    height:564px;
    background-color:#ccc;
    background-size:100% 100%;
}

#container {
margin-left: auto;
margin-right: auto;
width:1600px; 
height:600px; 
overflow:hidden;
background:no-repeat center top;
}

</style>
</head>
<body>
<div id='container'>
<div id='magazine'>
    <div style="background-image:url(pages/01.jpg);"></div>
    <div style="background-image:url(pages/02.jpg);"></div>
    <div style="background-image:url(pages/03.jpg);"></div>
    <div style="background-image:url(pages/04.jpg);"></div>
    <div style="background-image:url(pages/05.jpg);"></div>
    <div style="background-image:url(pages/06.jpg);"></div>
</div>
</div>

<script type="text/javascript">
    
    $('#magazine').bind('turned', function(e, page) {

        console.log('Current view: ', $('#magazine').turn('view'));

    })

    $('#magazine').turn({acceleration: true, shadows: true});


</script>

</body>
</html>

Re : Duo gagnant jquery

Je ne me suis pas penché sur le code encore, mais dans l'idée, il faudrait que tu rajoute l'initialisation du zoom soit directement dans le plugin livre, soit dans le callback d'initialisation du plugin livre smile

Pour ce qui est du callback, apparement le livre ne fournit que 4 event (start, end, turning, turned), je pense qu'il faudrait en ajouter un a la fin de l'initialisation du bousin smile

3

Re : Duo gagnant jquery

Merci pour ce retour rapide MaitreKabba smile

Je comprend le fait d'ajouter l’initialisation du zoom dans le plugin livre.
J'ai essayé de regrouper les deux, mais je ne sais pas comment me diriger, par où commencer, comment évoluer.
Rentrer directement dans le code du plugin livre afin d'y lier le plugin zoom, s'avère complexe à mon niveau.

Et concernant le reste de ta réponse avec la fonction de rappel, j'en reste bouche "B" (c'est "presque" du latin pour moi) big_smile

Un coup à s'arracher les cheveux smile

4

Re : Duo gagnant jquery

Bonsoir,

Je me permet de te demander si tu as trouvé une solution à ton problème?! Je suis exactement devant le même soucis...

Merci d'avance!

5

Re : Duo gagnant jquery

Bonjour Tchupy,

Avec le boulot je n'ai pas pris, ni eu le temps, de m'y repencher.

Dès que je trouve une solution ou une ébauche de solution, je posterai un billet wink

Bonne continuation si tu t'y attèle smile