javascript - 如何让 2 个不同的点击相同的图像来做 2 个不同的事情

Question

单击图像时打开 slider ，在此之前我对图像进行了过滤，因此我希望在过滤前打开； slider 显示所有图像，过滤后将仅显示 slider 处过滤后的图像

<div class="gallery row" id="gallery" style="margin:0;">
  <!-- Grid column -->

  <div class="mb-3 pics animation all 2 col-md-4 col-sm-12">
    <img class="img-fluid" src="assets/images/11.jpg" alt="Card image cap" style="height:300px;" onclick="openModal();currentSlide(1)">
  </div>
  <!-- Grid column -->

  <!-- Grid column -->
  <div class="mb-3 pics animation all 1 col-md-4 col-sm-12">
    <img class="img-fluid" src="assets/images/111.jpg" alt="Card image cap" style="height:300px;" onclick="openModal();currentSlide(2)">
  </div>
  <!-- Grid column -->

  <!-- Grid column -->
  <div class="mb-3 pics animation all 1 col-md-4 col-sm-12">
    <img class="img-fluid" src="assets/images/131.jpg" alt="Card image cap" style="height:300px;" onclick="openModal();currentSlide(3)">
  </div>
  <!-- Grid column -->

  <!-- Grid column -->
  <div class="mb-3 pics animation all 2 col-md-4 col-sm-12">
    <img class="img-fluid" src="assets/images/141.png" alt="Card image cap" style="height:300px;" onclick="openModal();currentSlide(4)">
  </div>
  <!-- Grid column -->

  <!-- Grid column -->
  <div class="mb-3 pics animation all 2 col-md-4 col-sm-12">
    <img class="img-fluid" src="assets/images/151.jpg" alt="Card image cap" style="height:300px;" onclick="openModal();currentSlide(5)">
  </div>
  <!-- Grid column -->

  <!-- Grid column -->
  <div class="mb-3 pics animation all 1 col-md-4 col-sm-12">
    <img class="img-fluid" src="assets/images/121.png" alt="Card image cap" style="height:300px;" onclick="openModal();currentSlide(6)">
  </div>
  <!-- Grid column -->
</div>`

Answer 1

您是否尝试过在一个函数内编写两个函数？

function main_function($arg){
      openModal();
      currentSlide($arg);

}

在 html 中，

<img class="img-fluid" ... onclick="main_function(6);">