Прошу помощи по модалям

[copypaste]

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

<a href="#" type="button" data-toggle="modal" data-target=".bs-example-modal-lg"><span style="font-weight:bold; color:#06F; text-decoration:underline"><span style="font-style: italic;">Ссылка на картинку 1</span></a><br></span><div style="display: none;" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg">  <div class="modal-content">   <div class="modal-header">   <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>   <h4 class="modal-title" id="myLargeModalLabel">Ссылка на картинку 1</h4>

            </div>

            <div class="modal-body"><img src="image1.jpg"></div>

        </div>

    </div>

</div>

<a href="#" type="button" data-toggle="modal" data-target=".bs-example-modal-lg"><span style="font-weight:bold; color:#06F; text-decoration:underline"><span style="font-style: italic;">Ссылка на картинку 2</span><br></span></a><div style="display: none;" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal-dialog modal-lg">  <div class="modal-content">   <div class="modal-header">   <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>   <h4 class="modal-title" id="myLargeModalLabel">Ссылка на картинку 2</h4>

            </div>

            <div class="modal-body"><img src="http://image2.jpg"></div>

        </div>

    </div>

 

Змінено 3 березня 2017 користувачем copypaste