Ho due modali su una pagina, (sto usando bootstrap); cliccando su qualsiasi modale si apre solo il primo. Non capisco js; c'è una soluzione html?

Question

Questo è il codice per il primo modale; tutto ciò che cambia nei prossimi due modali è il link dell'immagine all'interno, ma solo questi si mostrano.

<div id="modallinkleft"> 
    <a href="#myModal" data-toggle="modal"> 
    <img src="mylinks/cp/117s.jpg"> 
    <img src="mylinks/cp/23s.jpg"> 
    <img src="mylinks/cp/08s.jpg"> 
    </a> 
    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-body"> 
     <img src="mylinks/cp/117.jpg"> 
     <img src="mylinks/cp/23.jpg"> 
     <img src="mylinks/cp/08.jpg"> 
    </div> 
    <div class="modal-footer"> 
     <button class="btn" data-dismiss="modal" aria-hidden="true">x</button> 
    </div> 
    </div> 
</div> 

Answer 1

Ogni modale dovrebbe essere data una diversa id e ogni collegamento dovrebbe essere mirato a un altro ID modale. Così dovrebbe essere qualcosa di simile:

<a href="#myModal" data-toggle="modal"> 
... 
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div> 
... 
<a href="#myModal2" data-toggle="modal"> 
... 
<div id="myModal2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div> 
... 

In questo modo, se si fa clic sul primo link, si dovrebbe pop-up il primo modale e se si fa clic il secondo - il secondo modale viene spuntato.