2

リストの一部ではない画像をクリックすると、ライトボックスのクリアがトリガーされるようにします。これは、ライトボックスをトリガーしたい写真です。

 <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>

ありがとうございました。

4

2 に答える 2

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>

私はこれを使いました。ありがとうございました。

于 2014-01-19T09:07:22.673 に答える
0

提供されているjavascriptを使用して手動で開くようにクリアする方法はないようです。要素（画像）がクリックされた場合、クリアリングサムでクリックイベントをトリガーできる、小さな回避策を実行する必要があるようです。

$("#mainpic").on('click', function(){
  $(".clearing-thumbs a").click();
});
于 2013-11-08T17:10:44.123 に答える