Image dans un div, les deux ont des événements onclick, puis-je inverser la bulle?

Question

J'ai un carrousel d'images et un shadowbox. Je veux que l'utilisateur soit capable de parcourir les images, et quand il clique sur le focus, il s'ouvre dans shadowbox. Actuellement, le html est quelque chose dans cette mesure:

<div class="slides"> 
    <div> 
    <a href="#" onclick="javascript:ShadowboxRun(some parameters); return false;"> 
     <img src="img.jpg"> 
    </a> 
    </div> 
    <div> 
    <a href="#" onclick="javascript:ShadowboxRun(some parameters); return false;"> 
     <img src="img2.jpg"> 
    </a> 
    </div> 
</div> 

J'ai compris que je belive la route de tous mes problèmes a à voir avec bouillonnement. Corrigez-moi si je me trompe, mais je crois que l'onclick se déclenche avant le carrousel. Quelle serait ma meilleure pratique pour cela?

Merci

Edit: J'ai oublié de mettre la question principale. Lorsque l'utilisateur clique sur la diapositive 2 du carrousel, il déplace la diapositive et ouvre la zone d'ombre en un clic. Je veux que l'utilisateur puisse cliquer sur la diapositive pour qu'elle bouge, et si elle clique dessus, elle ouvre une zone d'ombre.

Edit2: Correction mon erreur dans la copie originale du code

EDIT3: téléchargé ma nouvelle version, voici donc le lien http://hdguitarlesson.com/HDLessonsBeta/ si ça aide. Toute aide est grandement appréciée. Je baigne mon cerveau depuis des heures

Answer 1

Vous pouvez utiliser la commande onClick() via jquery sur n'importe quoi, donc vous pouvez simplement ajouter une classe ou un identifiant à cette image et cliquer à la place.