切換到fancybox

你好，並提前感謝任何人的幫助。切換到fancybox

我有一個網站我正在建設（Example link），我試圖在點擊時使用圖標來打開燈箱（使用fancybox）。在燈箱中，我有選項卡來展示圖像。

問題：當收藏夾打開我想要的圖標最初點擊是盈方燈箱疊加的背景，所以我試圖在Java切換爲圖像的z-index到代碼：10000上點擊它工作，但它不與點擊同步，並且不能真正正常工作，如果點擊燈箱或再次點擊圖標，我需要它切換。所以它需要點擊與lightbox（fancybox）代碼同步。有沒有辦法做到這一點？或者其他更好的方法來實現這一目標？

這是我迄今所做的： http://tinyurl.com/ptvbxkl

來源

2015-09-28 user2969951

這裏是代碼應工作：

JS：

$(document).ready(function(){ 
    $(".toggle-cpl").on("click", function(e){ 
     $(this).toggleClass("expanded"); 
     if(!$(this).hasClass("expanded")) { 
      $.fancybox.close(); 
      return false; 
     } 
    }); 
});

CSS：

.toggle-cpl { 
    z-index: 999999; 
}

而且關於jsfiddle的工作決定 - http://jsfiddle.net/fcguo4ta/

當您試圖顯示/隱藏點擊圖標時，您應該將'fancybox.close'事件觸發器添加到圖標元素點擊。

對於z-index的 - 有沒有必要添加的重要標誌，並作爲的fancybox具有過渡 - 這是更好地保持z-index的靜態兩個「擴大」，而不是擴展語句

來源

2015-09-28 02:30:05 PassTeT

是的，這非常感謝你！唯一的情況是，如果您在燈箱中點擊疊加層以脫離它，則必須點擊兩次圖標才能返回，在這裏，如果單擊該圖標即可離開，只需點擊一下鼠標即可返回。有沒有解決這個問題？再次感謝。 – user2969951

此外，我不確定它是否鏈接到相同的問題，但如果我添加多個圖標具有不同的內容，如果通過單擊overylay單擊了某個燈箱，當您單擊另一個圖標時它同時顯示了兩個圖標，如果點擊圖標出去，那麼這不是一個問題。 – user2969951

有沒有進一步的幫助？任何人都知道我可以如何全部同步？ – user2969951

回答

相關問題