如何使用javascript更新引导模式中的映像？

因此，我在一个照片库中有多个图片，我希望能够点击图片，这样做会打开引导模式和我点击的图片

我认为这样做的方法是在单击图像时，获取图像源并将其应用于模态图像源

这是我的Html：

<!-- Example Trigger image-->
            <div class="col-md-3 galleryImg">
                <a href="#myModal" role="button" data-toggle="modal"><img onclick="myfunction(this)" class="galleryImage" src="img/H1.jpg"></a>
            </div>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <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" id="myModalLabel">Image</h4>
            </div>
        <div class="modal-body">
            <img id="modalImage" src="img/H1.jpg">
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
        </div>
    </div>
</div>

---

您忘记了

img

参数：

function myfunction(img) {
    var initialSrc = img.src;
    document.getElementById("modalImage").src = initialSrc;
}

---

您的函数应该将

img

作为参数（即它应该是

function myfunction（img）{

）如果这个或任何答案已经解决了你的问题，请考虑通过点击复选标记来接受它。这向更广泛的社区表明，你已经找到了解决方案并给回答者和你自己带来了一些声誉。没有义务这样做。我不能到8分钟，但我一定会这样做。

function myfunction(img) {
    var initialSrc = img.src;
    document.getElementById("modalImage").src = initialSrc;
}