title: Passing data to Bootstrap Modal without JavaScript
body: <p>I have a grid with image links on my page. When clicking one of them a modal should pop up with the image but in big format. </p>
  
  <p>Now I'm trying to achieve this without the use of javascript/jquery but just with data-attributes.</p>
  
  <p>At the moment I have this code:</p>
  
  <pre><code>&lt;!-- Generating the image link with PHP (laravel) --&gt;    
  &lt;a data-toggle="modal" href="#myModal"&gt; {{ HTML::image("img/$photo-&gt;Link", "$photo-&gt;Title", array("class"=&gt;"thumbnail col-md-3")) }} &lt;/a&gt;
  
  &lt;!--The modal --&gt;
      &lt;section class="row"&gt;
                  &lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
                      &lt;div class="modal-dialog"&gt;
                        &lt;div class="modal-content"&gt;
                          &lt;div class="modal-header"&gt;
                            &lt;h4 class="modal-title text-center"&gt;HEADER&lt;/h4&gt;
                          &lt;/div&gt;
                          &lt;div class="modal-body"&gt;
                            &lt;p&gt; BODY &lt;/p&gt;
                          &lt;/div&gt;
                          &lt;div class="modal-footer"&gt;
                            &lt;p&gt;My Footer&lt;/p&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;      
          &lt;/section&gt;
  </code></pre>
  
  <p>Is is possible to achieve this just with data-attributes without using javascript?</p>
  
  <p>I'm using <a href="http://getbootstrap.com/javascript/#modals" rel="nofollow">Twitter Bootstrap Modal</a> and <a href="http://ashleydw.github.io/lightbox/" rel="nofollow">Lightbox for Bootstrap 3 Plugin</a></p>
  
  <p><strong>EDIT:</strong></p>
  
  <pre><code>&lt;div  class="imgLink col-md-3"&gt; 
      &lt;a data-toggle="lightbox"&gt;
              &lt;img src="../img/5.jpg" class="thumbnail"&gt; 
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Of course I've added the script of the lightbox plugin and when clicking this I'm getting no remote access how come?</p>