打電話與其他鏈接fancybox畫廊

我有相當獨特的情況。以下是我的場景： 4個縮略圖鏈接到圖庫+ 1箇中等圖像（指向與第一個縮略圖相同的來源）。我想通過單擊媒體圖像打開同一個圖庫，但是當我將它們與「rel」屬性鏈接時，我在循環中有兩個第一張圖片（循環中有5個大圖）。有沒有辦法在外部鏈接中調用指定的fancybox圖庫？這樣，我可以觸發介質圖像上的點擊功能，並且在循環中仍然只有4個大圖像。請幫助，我找不到解決方案。打電話與其他鏈接fancybox畫廊

UPDATE

這裏是我的html

<div class="details_gallery"> 
<a href="max/1.jpg" class="fancybox"><img src="mid/1.jpg" /></a> 
<div class="details_gallery_min"> 
    <a rel="details" href="max/1.jpg" class="fancybox"><img src="min/1.jpg" alt="" /></a> 
    <a rel="details" href="max/2.jpg" class="fancybox"><img src="min/2.jpg" alt="" /></a> 
    <a rel="details" href="max/3.jpg" class="fancybox"><img src="min/3.jpg" alt="" /></a> 
    <a rel="details" href="max/4.jpg" class="fancybox"><img src="min/4.jpg" alt="" /></a> 
</div> 
</div>

我想觸發「中」圖像上，當點擊「詳細信息」畫廊......

來源

2012-02-24 lokers

我會做什麼是修改「中間」圖片的鏈接以觸發圖庫onclick而不是圖庫本身的一部分，如：

<a href="max/1.jpg" onclick="$('a.fancybox').eq(0).trigger('click'); return false;"><img src="mid/1.jpg" alt="mid image" /></a>

.eq()方法確保畫廊從第一張圖片開始，因爲否則它會從綁定到fancybox的最後一個元素開始。您可以指定從圖庫的另一個元素開始。

來源

2012-02-24 18:18:25 JFK

這正是我所需要的！謝謝！ – lokers 2012-02-24 22:46:23

請不要忘記標記爲正確的答案，謝謝;） – JFK 2012-02-24 22:50:11

完成:)謝謝！ – lokers 2012-02-25 00:19:13

<div class="details_gallery"> 
<a href="#" class="manualfancybox">Manual Call Fancybox</a> 
<div class="details_gallery_min"> 
    <a rel="details" href="max/1.jpg" class="fancybox"><img src="min/1.jpg" alt="" /></a> 
    <a rel="details" href="max/2.jpg" class="fancybox"><img src="min/2.jpg" alt="" /></a> 
    <a rel="details" href="max/3.jpg" class="fancybox"><img src="min/3.jpg" alt="" /></a> 
    <a rel="details" href="max/4.jpg" class="fancybox"><img src="min/4.jpg" alt="" /></a> 
</div> 
</div> 

<script> 

$(document).ready(function(){ 
    $(".manualfancybox").click(function() { 
     var photos = new Array(); 

     $(".details_gallery_min a").each(function(){ 

      href = $(this).attr("href"); 
      title = $(this).attr("title"); 
      photos.push({'href': href, 'title': title})   

     }); 

     jQuery.fancybox(photos , 
      { 'transitionIn' : 'elastic', 
       'easingIn' : 'easeOutBack', 
       'transitionOut' : 'elastic', 
       'easingOut' : 'easeInBack', 
       'opacity' : false, 
       'titleShow' : true, 
       'titlePosition' : 'over', 
       'type'    : 'image',   
       'titleFromAlt' : true 
      } 
     ); 
    }); 
}); 

</script>

來源

2012-12-14 15:09:03

打電話與其他鏈接fancybox畫廊

回答

相關問題