创建对类的多个数据目标和数据切换访问

如何解决创建对类的多个数据目标和数据切换访问

- 我只有一两张图片

• 当我点击第一张图片时，图像就会出现。
• 但是当我用第二个 (myModalTwo) 点击图像时，它打开了，但图像没有出现。

当您点击图片时，它们会以弹出窗口的形式打开。

这对我很重要。请帮助我

'''

    <div class="container">
             <div class="modal myModal" role="dialog">
     <ul>
              <li><a class="ns-img" href="img/roomspic/1011.jpg"></a></li>
              <li><a class="ns-img" href="img/roomspic/1012.jpg"></a></li>
    </ul>
             </div>
        </div>
          <div class="container">
          <div class="modal myModalTwo" role="dialog">
            <ul>
          <li><a class="ns-img" href="img/roomspic/2011.jpg"></a></li>
          <li><a class="ns-img" href="img/roomspic/2012.jpg"></a></li>
</ul>
          </div>
        </div>

'''

<a  class="mb-4 d-block" data-toggle="modal" data-target=".myModal"><img src="img/rooms/1.png"
                    alt="Image placeholder" class="img-fluid"></a>

'''

<a  class="mb-4 d-block" data-toggle="modal" data-target=".myModalTwo"><img src="img/rooms/2.png"
                    alt="Image placeholder" class="img-fluid"></a>

'''