Javascript 图像打开模式对话框引导

所以我想使用我的这些图片，这样当它们被点击时，就会在我的网站上打开一个员工页面的模式对话框，我不知道该怎么做

PS：我在这里看到过类似的东西，但这不是我想要的

---

您可以使用数据属性加载模式框。img href值应与前缀为#的模式id值匹配。在其#myModal下面的情况下。如果仍然无法工作，请检查JS错误或是否加载了引导JS文件

<img href="#myModal" data-toggle="modal" src="https://minotar.net/helm/EpicMinerBackup">
<div id="myModal" class="modal fade" tabindex="-1" 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>
            <h3 id="myModalLabel">Modal header</h3>
    </div>
    <div class="modal-body">
        <p>One fine body…</p>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        <button class="btn btn-primary">Save changes</button>
    </div>
</div>
</div>
</div>

×
模态头
一个好身体

接近
保存更改

这是示例的链接

---

uhh，您是否已经编写了代码？再解释一下怎么样？您是否可以使用jQuery？也许这会对您有所帮助？我可以，但我不知道怎么做我对这个有点陌生我基本上想用这些按钮，当点击打开一个对话框时，我会用它来谈论每个员工member@Cassie我已经看过了，但是我不知道如何将它实现到一个图像中，所以在src属性后面没有分号的图像怎么办如果不使用type=“button”谢谢，这对您很有帮助：）