Как открыть модальное окно при загрузке страницы?

Question

[Tat62]

Моя задача: на экране имеется несколько картинок. При нажатии на картинку надо вывести в модальном окне соответствующий текст.
Фрагмент index.php:

<a href="/site/text1"><img src="http://img-fotki.yandex.ru/get/4423/80300288.f/0_631d9_e822264_M.jpg" 
    width="189" height="255" alt="txt1"></a>

Фрагмент контроллера:

public function actionText1()
    {
        return $this->render('text1');
    }

Фрагмент view text1.php:

<div class="modal fade">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
     <p>
        TEXT_1
    </p>
     </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.модальное окно-Содержание -->  
    
    
  </div><!-- /.модальное окно-диалог -->  
</div><!-- /.модальное окно -->

Но ничего не выводится. Пустой экран. Надо писать js ? Подскажите, пожалуйста, что делать ?
Может в href написать что-то типа:

<a href="#" data-toggle="modal" data-target="#text-modal"><img src="http://img-fotki.yandex.ru/get/4423/80300288.f/0_631d9_e822264_M.jpg" 
    width="189" height="255" alt="txt1"></a>

и в js вызвать модальное окно.