Bonjour,

Mon but est de pouvoir naviguer entre plusieurs images, et de donner le focus à ces images pour pouvoir utiliser mes fonctions de zoom.

En suivant le tutorial :

http://ritter-jack.developpez.com/tu...da-slider-v-2/

J'ai donc réussi à mettre en place ce slider, en intégrant des images à l'intérieur des slides.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<div class="coda-slider preload" id="coda-slider">
 
 <!-- L'id de ce div est important pour js-->
<div class="panel"><!-- Slide 1-->
  <div class ="panel-wrapper">
 
<h2 class="title">Page 1</h2>
 
 
<img id="docannote" name="image1"
 
style="margin-bottom : 70px; z-index:0" onload="redimensionnement(this)"
 
src=XXX.jpg width=100% height=100%  onmouseup="zoomdscadre(event);
 
// Chargement de mes fonctions persos
onload="redimensionnement(this)" 
clicsouris(0, event)" 
onmousemove="scroll(event); cadre(event);" 
onmouseup="zoomdscadre(event); clicsouris(0, event)"
onmousedown="clicsouris(1, event);"
ondblclick="AddNote(<?php echo $id, $page, event)"/>
 
</div></div>
 
<div class="panel"><!-- Slide 2-->
 
   <div class ="panel-wrapper">
 
        <h2 class="title">Page 2</h2>
 
<img id="docannote" name="image2" 
 
style="margin-bottom : 70px; z-index:0" 
 
 
 
src=XXX.jpg width=100% height=100%  onmouseup="zoomdscadre(event);
 
// Chargement de mes fonctions persos 
onload="redimensionnement(this)" 
clicsouris(0, event)" onmousemove="scroll(event); cadre(event);" 
onmouseup="zoomdscadre(event); clicsouris(0, event)" 
onmousedown="clicsouris(1, event);" 
ondblclick="AddNote(<?php echo $id, $page, event)"/>
</div>
Mes fonctions de zoom marche seulement sur le slide 1 du document, celui qui s'affiche en premier, et lorsque je change de slide, les fonctions de zoom continue de fonctionner sur le slide 1.

Je pense que c'est une histoire de focus mais je suis bloqué sur la syntaxe à utiliser.

Merci de votre aide !