将lightbox功能添加到列表中不可单击的图像

<ul class="image-list">
  <li>
    <a href="path/to/image1.jpg" class="lightbox-trigger">
      <img src="path/to/thumbnail1.jpg" alt="Image 1">
    </a>
  </li>
  <li>
    <a href="path/to/image2.jpg" class="lightbox-trigger">
      <img src="path/to/thumbnail2.jpg" alt="Image 2">
    </a>
  </li>
  <!-- 更多图像缩略图 -->
</ul>

.image-list li {
  display: inline-block;
  margin: 10px;
}

.image-list img {
  width: 100px;
  height: 100px;
  border: 1px solid #ccc;
  /* 其他样式 */
}

<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href="path/to/jquery.fancybox.min.css">

<script>
$(document).ready(function() {
  $('.lightbox-trigger').fancybox();
});
</script>