IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Déclenchement de colorbox


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    107
    Détails du profil
    Informations personnelles :
    Âge : 49
    Localisation : France, Pyrénées Orientales (Languedoc Roussillon)

    Informations forums :
    Inscription : Avril 2006
    Messages : 107
    Par défaut Déclenchement de colorbox
    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 : 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
    <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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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.

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    107
    Détails du profil
    Informations personnelles :
    Âge : 49
    Localisation : France, Pyrénées Orientales (Languedoc Roussillon)

    Informations forums :
    Inscription : Avril 2006
    Messages : 107
    Par défaut
    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 : 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
    <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)

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    107
    Détails du profil
    Informations personnelles :
    Âge : 49
    Localisation : France, Pyrénées Orientales (Languedoc Roussillon)

    Informations forums :
    Inscription : Avril 2006
    Messages : 107
    Par défaut
    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

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Déclenchement d'un slideshow colorbox
    Par mat_elot dans le forum jQuery
    Réponses: 4
    Dernier message: 31/01/2014, 16h15
  2. [VB.NET] Déclenchement d'évènement d'un TextBox
    Par leSeb dans le forum Windows Forms
    Réponses: 11
    Dernier message: 08/10/2004, 11h40
  3. Déclenchement sur select
    Par sdinot dans le forum PostgreSQL
    Réponses: 6
    Dernier message: 02/04/2004, 11h52
  4. 1er déclenchement d'un trigger d'auto-incrément
    Par babylone7 dans le forum Administration
    Réponses: 11
    Dernier message: 11/03/2004, 16h21
  5. Déclenchement Programme sur Virtual Key
    Par Tom-G dans le forum API, COM et SDKs
    Réponses: 9
    Dernier message: 09/05/2003, 12h58

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo