基金會4 - 觸發結算燈箱

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(); 
});