У меня есть сетка со ссылками на изображения на моей странице. При нажатии на один из них должен появиться модал с изображением, но в большом формате.

Сейчас я пытаюсь добиться этого без использования javascript / jquery, а только с помощью атрибутов данных.

На данный момент у меня есть этот код:

<!-- Generating the image link with PHP (laravel) -->    
<a data-toggle="modal" href="#myModal"> {{ HTML::image("img/$photo->Link", "$photo->Title", array("class"=>"thumbnail col-md-3")) }} </a>

<!--The modal -->
    <section class="row">
                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h4 class="modal-title text-center">HEADER</h4>
                        </div>
                        <div class="modal-body">
                          <p> BODY </p>
                        </div>
                        <div class="modal-footer">
                          <p>My Footer</p>
                        </div>
                      </div>
                    </div>
                </div>      
        </section>

Возможно ли достичь этого только с помощью атрибутов данных без использования JavaScript?

я используюTwitter Bootstrap Модальный а такжеЛайтбокс для Bootstrap 3 плагин

РЕДАКТИРОВАТЬ:

<div  class="imgLink col-md-3"> 
    <a data-toggle="lightbox">
            <img src="../img/5.jpg" class="thumbnail"> 
    </a>
</div>

Конечно, я добавил скрипт плагина лайтбокса, и когда я нажимаю на него, я не получаю удаленный доступ.