Bonjour à tous,
voilà j'utilise actuellement le plugin zoombox de grafikart pour permettre à l'utilisateur de lire un livre (grâce à l'excellent Turn.js) en grand écran et isolé du reste du site.
Le problème est que je veux mettre des bontons de controles : tourner les pages, zoomer, ...
Quand j'essaye de les mettre en place, ils fonctionnent très bien tant que j'accède au fichier html directement, mais il n'y a plus aucune réaction lorsqu'il est dans la zoombox.
Quelqu'un e saurait-il plus ?
Voici le fichier html en question :
[code]<a href="#" class="zoom">Zommer</a>
<div id="livre">
<div class="hard"><img src="img/page1.jpg" width="100%" height="100%"/></div>
<div><img src="img/page2.png" width="100%" height="100%"/></div>
<div><img src="img/page3.png" width="100%" height="100%"/></div>
<div class="hard"></div>
<div class="hard"></div>
</div> [/code]
J'ai un code javascript très simple qui permet de mettre le livre en mouvement grâce au plugin Turn.js que je vous recommande chaudement au passage : il est excellent !
Et pour récupérer l'évènement click sur mon bouton .zoom, j'utilise le simple code suivant :
[code]$('.zoom').click(function (e){
e.preventDefault();
// ... action
});[/code]
Si quelqu'un pourrait m'aider, je suis fortement preneur et merci à tout ceux qui prendront la peine de s'y intéresser.
vavouweb