Déclenchement de colorbox [Résolu]

[Riwalenn]

Bonjour, désolée pour le titre mais je ne sais pas trop quel est mon problème en fait.

Voilà, j'ai un bloc de 2 div.

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
29
30
31
<div class="LeftblocHeaderDetailsPhotoGR">
									<div class="blocResultatPhotoDetails">
										<!-- bloc Photo principale -->
										<xsl:choose>
											<xsl:when test="count($Photo)&gt;0">
												<a href="{$MediaPath}/f_{$Photo[@NumMedia='0']/Url}" rel="zoomPhoto" ><img src="{$MediaPath}/m_{$Photo[@NumMedia='0']/Url}" class="PhotoPrincDetails" alt="" /></a>
											</xsl:when>
											<xsl:otherwise>
												<img src="/Portals/303/Common/images/header/logo.png" alt="Gîtes de France" />
											</xsl:otherwise>
										</xsl:choose>
										<!-- fin bloc photo -->
									</div>
							</div>
							<div class="LeftblocHeaderDetailsSlider">
								<div class="blocDetailLeft">
								<xsl:if test="count($Photo)&gt;1">
									<script type="text/javascript">
										var autresphotos = true;
									</script>
									<div id="slider">
										<ul>		
											<xsl:for-each select="$Photo">
												<xsl:sort data-type="number" order="ascending" select="number(@NumMedia)"/>
												<li><a href="{$MediaPath}/f_{Url}" rel="zoomPhoto" ><img src="{$MediaPath}/s_{Url}" alt="" class="PhotosAutresDetails" /></a><input type="hidden" value="{$MediaPath}/m_{Url}" /></li>
											</xsl:for-each>	
										</ul>
									</div>
									</xsl:if>
								</div>
</div>

je clique sur les images de la div du dessous et cela fait apparaître (via un script ^^) une image de taille moyenne dans la div du dessus.. enfin bref une sorte de carousel.

script colorbox :

Code :

1
2
3
$(document).ready( function () {
$("a[rel='zoomPhoto']").colorbox();
});

Le script en lui-même fonctionne trés bien, quand je clique sur une image j'ai le lightbox qui s'affiche bien..
Mon problème étant que je ne souhaite pas balancer la colorbox en cliquant sur les images de la div du dessous vu qu'il y a déjà un script dessus.
Je souhaiterais juste activer le code de la colorbox en cliquant juste sur l'image de taille moyenne présente dans la div du dessus.
J'ai testé pas mal de truc et si j'enlève le rel des images du dessous, la colorbox n'affiche qu'une seule image au lieux de toutes T_T
ou alors elle n'affiche rien. :'(

je sais que je ne suis pas trés claire mais j'espère que certains ont compris malgré tout ^^'

merci.

[Riwalenn]

en fait je viens de comprendre d'où vient le problème.
le href des images que j'affiche dans la div du dessus est le même et du coup si je mets le code suivant :

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
29
30
31
<div class="LeftblocHeaderDetailsPhotoGR">
									<div class="blocResultatPhotoDetails">
										<!-- bloc Photo principale -->
										<xsl:choose>
											<xsl:when test="count($Photo)&gt;0">
												<a href="{$MediaPath}/m_{$Photo[@NumMedia='0']/Url}" id="zoomPhoto"><img src="{$MediaPath}/m_{$Photo[@NumMedia='0']/Url}" id="zoomPhoto" class="PhotoPrincDetails" alt="" /></a>
											</xsl:when>
											<xsl:otherwise>
												<img src="/Portals/303/Common/images/header/logo.png" alt="Gîtes de France" />
											</xsl:otherwise>
										</xsl:choose>
										<!-- fin bloc photo -->
									</div>
							</div>
							<div class="LeftblocHeaderDetailsSlider">
								<div class="blocDetailLeft">
								<xsl:if test="count($Photo)&gt;1">
									<script type="text/javascript">
										var autresphotos = true;
									</script>
									<div id="slider">
										<ul>		
											<xsl:for-each select="$Photo">
												<xsl:sort data-type="number" order="ascending" select="number(@NumMedia)"/>
												<li><img src="{$MediaPath}/s_{Url}" alt="" id="zoomPhoto" class="PhotosAutresDetails" /><input type="hidden" value="{$MediaPath}/m_{Url}" /></li>
											</xsl:for-each>	
										</ul>
									</div>
									</xsl:if>
								</div>
							</div>

la colorbox affiche toujours la même image.(ce qui est normal vu que je récupère aucune information sur mon lien)

[Riwalenn]

bon ben j'ai résolu une partie de mon problème, j'ai réussi à récupérer le href mais j'ai pas le bon visu de la photo ^^ mais là le forum ne peut pas m'aider