關閉fancybox窗口後我的圖片隱藏

我想使用fancyBox，我想知道爲什麼當我關閉fancyBox窗口時，我的元素得到「display：none;」樣式。有沒有解決方案可以避免這種情況？關閉fancybox窗口後我的圖片隱藏

我的HTML文件包括：

<script type="text/javascript" src="../js/jquery.fancybox.pack.js"></script> 
<link rel="stylesheet" href="../css/jquery.fancybox.css" type="text/css" media="screen" />

目標元素是這樣的：

<div id="cadre" class="planche"><a id="inline" href="#photo"><img src="../img/new/img/1_ADELE_HAENEL_Actress-H.jpg" alt="ADELE HAENEL" id="photo"></a></div>

我的fancybox JS是：

$(document).ready(function() { 

    /* This is basic - uses default settings */ 

    $("a#single_image").fancybox(); 

    /* Using custom settings */ 

    $("a#inline").fancybox({ 
     'hideOnContentClick': false 
    }); 

    /* Apply fancybox to multiple items */ 

    $("a.group").fancybox({ 
     'transitionIn' : 'elastic', 
     'transitionOut' : 'elastic', 
     'speedIn'  : 600, 
     'speedOut'  : 200, 
     'overlayShow' : false 
    }); 

});

來源

2012-12-27 Fabrice Chapot

的fancybox總是隱藏'inline'內容，因爲它應該是它的原始狀態。顯示已經可見的東西的目的是什麼？ ....反正，檢查http://stackoverflow.com/a/13003020/1055987（你可能需要使用'onComplete'和'onClosed'選項，而不是fancybox v1.3.4） – JFK

我需要讓可見性設置爲「開」，因爲我的目的是放大照片。縮放後，我們回到中等大小的圖片，沒有空格。我已經得到了與此相同的結果，在CSS中「display：block！important;」針對我的原始圖片。感謝您的幫助。 –

建議您在頁面和目標（通過'href'）將不同的可見圖像（中等大小）放大到其他地方放大的大尺寸圖像......一般來說，大小的圖像通過HTML，這將影響你的網頁加載。無論如何，我在我之前評論的鏈接中指出瞭解決方法。 – JFK

我有同樣的問題和解決方案是使用有效的href填充a元素的href屬性

來源

2013-10-23 06:04:53

這不可能是一個答案 –

那麼它肯定幫助我這麼upvoted。 – ChrisC

@DineshKanivu你能解釋爲什麼這不能成爲答案嗎？ – Leo

有同樣的問題。

解決方法是爲標籤和標籤使用另一個類名稱。搜索了幾個星期...：/

來源

2015-04-04 19:07:09

添加一個有效HREF標籤的一個元素。下面是一個簡單的例子。我面臨同樣的問題，並解決了這個問題。

<a class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>

然後打電話給fancybox。

$(".fancybox").fancybox({});

的jsfiddle演示的例子

http://jsfiddle.net/FM82s/

來源

2015-07-15 07:31:50

有幾件事情要檢查第一。你應該調用.fancybox（）反對<A>標籤，不圖像：

你的HTML格式應爲：

<a href="image-url" class="fancybox" ...> 
    <img src="image-url" /> 
</a>

你JQ：

$('.fancybox').fancybox()

其次，如果您的網址不包含已知的圖片擴展名或字符串，它將會失敗「isImage」調用，並且不會打開fancybox（很可能只是回退到標準行爲）。

isImage功能，供大家參考（2.1.5）：

isImage: function (str) { 
    return isString(str) && str.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i); 
},

來源

2016-02-23 14:05:21 JDandChips

關閉fancybox窗口後我的圖片隱藏

回答

相關問題