基础4-触发清除Lightbox

Question

当我单击不属于列表一部分的图像时，我希望清空灯盒触发。这是我想要触发灯箱的照片。

 <div id="mainpic" class="large-8 columns">
        <img src='. $url . '>
    </div>

还有我的灯箱。

<ul class="clearing-thumbs large-block-grid-5 small-block-grid-2" data-clearing>
<li><a href="' .$url . '"><img class="th" data-caption="'. $description .'" src="' . $url . '"></a></li> </ul>

谢谢。

Answer 1

 <a href="#" class="open-clearing"  data-thumb-index="3">Show fourth image in clearing.  </a>
   <script>
   $('.open-clearing').on('click', function(e) {
   e.preventDefault();
   $('[data-clearing] li img').eq($(this).data('thumb-index')).trigger('click');
  });
 </script>

我用过这个。谢谢。

Answer 2

似乎没有一种使用它提供的javascript手动触发它来打开它的方法。看起来你需要做一个小的工作，如果你的元素(图像)被点击，那么你可以在你的清除拇指上触发一个点击事件。

$("#mainpic").on('click', function(){
  $(".clearing-thumbs a").click();
});