Twitter bootstrap 引导模式弹出多个图像

我已经创建了一个模式，点击一个链接，模式就会弹出。现在有多个链接在页脚属于多个图像。我想在同一个弹出窗口中打开这些图像。知道怎么做吗

---

我不确定您在后端部分使用的是什么语言，但这里有一个使用javascript/jquery/angular的解决方案，我相信您可以根据自己的喜好更改它，如果它是您想要的

index.html 本例允许您单击两个按钮（它们可以更改为您想要的任何元素），然后添加一个onclick（我的是ng click，因为有角度），以单击它们，然后相应地更改图像

    <div class="row">
    <div class="col-md-12">
        <a id="modal-456343" href="#modal-container-456343" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
        <div class="modal fade" id="modal-container-456343" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">

                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                            ×
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            Modal title
                        </h4>
                    </div>
                    <div class="modal-body">
                        <div style="width:100px; height:100px">
                        <img id="i" src="\images\fun.png" style="width:100%; height:100%">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" ng-click="changeImage('img1')">
                            Image 1
                        </button>
                        <button type="button" class="btn btn-primary" ng-click="changeImage('img2')">
                            Image 2
                        </button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            Close
                        </button> 
                        <button type="button" class="btn btn-primary">
                            Save changes
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

$scope.imgUrls = {
    img1: "/images/yeoman.png",
    img2: "/images/fun.png"
}

$scope.changeImage = function(img){
    if(img == "img1") $("#i").attr('src', $scope.imgUrls.img1);
    if(img == "img2") $("#i").attr('src', $scope.imgUrls.img2);
}