title: Twitter bootstrap modal not showing correct image
body: <p>I'm having trouble with displaying the modal for the specific image clicked on to view.</p>
  
  <p>If i use a link with a class it will show all of the images in that album in seperate modals (have to close them all down). I want to show the appropriate modal for the image that I click "view" on so that it is corresponding.  </p>
  
  <p>If i set this to id and create an id in the top div it will display the first image in the album only, no matter what image i click on.</p>
  
  <p>How could I solve this?</p>
  
  <pre><code>&lt;a class="btn btn-link" href=".modal" data-toggle="modal"&gt;&lt;i class="icon-fullscreen"&gt;&lt;/i&gt;     View&lt;/a&gt;
  
  &lt;!--POP OVER OF IMAGE--&gt;
  &lt;div class="modal hide fade"  tabindex="-1"&gt;
  &lt;div class="modal-header"&gt;
  &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
  &lt;h3 id="myModalLabel"&gt;Pansnap&lt;/h3&gt;
  
  &lt;/div&gt;
  &lt;div class="modal-body"&gt;
  
  &lt;!--This is for the 360 viewer--&gt;
  
  &lt;?php echo '&lt;img src="uploads/', $image["album"], '/', $image["id"], '.',     $image["ext"],'"/&gt;'?&gt;
  
  &lt;!--360 viewer end--&gt;
  
    &lt;/div&gt;
    &lt;div class="modal-footer"&gt;
   &lt;?php echo '&lt;a class="btn btn-link" href="uploads/', $image["album"], '/', $image["id"],     '.', $image["ext"],'"&gt;Download&lt;/a&gt;'?&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>