Bonjour la communauté!
je suis en train de créer un site pour un costumier,
j'ai un scroll horizontal avec une succession d'image type diaporama (jquery),
j'aimerai créer des zones de type area shape (avec image réactive) sur chaque image
pour donner à voir son travail,
pour cel : je veux faire qu'à partir des area shape, une lightbox s'ouvre et permet de faire défiler plusieurs images les unes à la suite des autres en surimpression (comme toutes les lightbox)
donc créer une galerie d'image à partir d'une seule image.
pour l'instant j'ai :
le scroll
un area
une thickbox (mais pas plusieurs images)
j'ai appelé les scripts js pour chaque pas de souci
le code type dans le body pour une image contenu dans le scroll avec un areashape qui ouvre la thickbox :
en bref
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 <div id="accueil"> <div class="im"> map="#Map" id="Image1"/> <map name="Map" id="Map"> <area shape="rect" coords="530,108,581,202" href="images/monimage3.png" class="thickbox" title="commentaire " onmouseover="MM_swapImage('Image1','','images/monimage2.png',1)" onmouseout= "MM_swapImgRestore()" onmousepress= /> map> </div>
ma question c'est comment je peux faire çà (et que sa marche) et sur une areashape? :
parce que pour l'instant le fond noir apparait mais sans les images et comme j'appelle déjà un script js d'un slide scroll horizontal j'ai peur qu'il y est également une interference pour le rel="" (en + du reste...)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <a href="images/im2.png" class="thickbox" rel="gallery" > <img src="images/im1.png" width="600" height="400" /> </a> <a href="images/im3.png" class="thickbox" rel="gallery"/> </a>
le scroll marche, la thickbox aussi mais j'aimerais faire défiler cette galerie en cliquant sur une seul image.
Help! merci!
Ps : je suis graphiste et non développeur donc j'espère que vos conseils élaborés seront compréhensible pour un poulpe comme moi
Partager