créer une galerie à partir d'une seul image
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 :
Code:
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> |
en bref
ma question c'est comment je peux faire çà (et que sa marche) et sur une areashape? :
Code:
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> |
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...)
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
