fancybox-3

0熱度

1回答

我有一個主要圖像，您可以點擊打開fancybox 3，我也有一個縮略圖庫，它是同一個fancybox組的一部分，當您翻轉它們時，它們會將主圖像替換爲您翻轉 - 目的是爲了獲得「縮放」的影響，但同時也爲畫廊的其餘部分提供fancybox畫廊。很顯然，由於主要項目在組中，並且在縮略圖中，我在fancybox視圖中獲得了重複項。我該如何解決這個問題？這是我的嘗試，當我嘗試使用Jquery處理組中的內

0熱度

2回答

如何重新使用fancybox3 iframe

使用fancybox3時，我們希望動態更改iframe的鏈接。所以我們改變了data-src屬性，這個屬性第一次正常運行。但是，當我們通過jQuery更改鏈接並再次打開fancybox時，它會打開舊的data-src。你如何重新使用這個花哨的盒子，或者摧毀並重新創建一個花哨的盒子？ <a class="inre-product--book" data-fancybox="iframe"

0熱度

1回答

滑塊革命和fancybox -3

您好我嘗試從插件滑塊革命實現FancyBox 3在旋轉木馬。下一個代碼與FancyBox 2很好地工作，但與fancyBox 3箭頭不起作用。我想知道是否有人有解決辦法。鏈接：https://www.themepunch.com/faq/using-fancybox-with-slider-revolution/ 代碼，在FancyBox2工作得很好，但沒有顯示箭頭fancyBox3 /* ch

0熱度

1回答

Fancybox 3：如何顯示模態iframe的小關閉按鈕？

我正在使用Fancybox 3來顯示模式iframe。這裏是我的代碼初始化的fancybox： modal: true, smallBtn: true, iframe: { css: { width : '900px', height: '600px' }, preload: false } 如果我刪

0熱度

1回答

Fancybox在打開時不適合圖像

當我嘗試打開圖像時，它不適合縮放。我甚至試圖用官方網站上提供的例子。它不適用於本地網頁，但適用於jsfiddle和類似網站（使用相同的html/css）。下面是代碼的一個example以及它如何在本地服務器上工作的一些動畫（使用ZF3骨架應用程序）。還有的只是引導4（它的工作原理相同的W/O引導）風格的圖像柵格狀的官方網站： .image_grid { padding-left: 1

1熱度

1回答

fancyBox3 - 如何在點擊打開的圖像時禁用縮放功能

美好的一天。我有這樣的問題：當fancyBox畫廊打開，我只需點擊打開的圖像（幻燈片），圖像是縮放。我需要禁用這種行爲。在文檔中有建議使用clickContent事件來定製行爲。我採取例如，從文檔，並通過接下來的方式初始化我的畫廊的副本： $("[data-fancybox]").fancybox({ clickContent : function(current, event) {

0熱度

1回答

如何在沒有初始化的情況下在fancybox3中關閉後關閉？

在fancybox 3中，不需要通過javascript初始化fancybox。將html屬性data-fancybox=""設置爲一個錨點以將其打開爲fancybox就足夠了。行！現在我想在關閉後調用上的函數，但是當我沒有初始化函數時我不知道該怎麼做？該文件提出下面的方法，但它僅適用於初始化方法： $("[data-fancybox]").fancybox({ afterClose

1熱度

2回答

如何通過mousemove禁用滑動fancybox幻燈片

我正在使用fancybox 3。我需要關閉mousemove滑動fancybox幻燈片。我想只留下控制按鈕next \ prev。我該怎麼做？謝謝。

0熱度

1回答

fancybox-3關閉按鈕禁用/啓用延遲不起作用

我有我的fancybox關閉按鈕diplay：無;當iframe打開時，我希望關閉按鈕以x時間的延遲出現。完全像這樣DEMO。儘管它在here的早期版本的花式框中解決，但在fancybox-3它第一次工作，此後關閉按鈕不會出現，直到我刷新頁面。我用下面的JS代碼延遲： $(document).ready(function() { setTimeout(function() {

0熱度

1回答

Fancybox 3和響應式背景

在帶有流體容器的可滾動頁面上，fancybox模式存在問題。在下面的例子中，當你打開模式fancybox背景的右側時會稍微拉伸一些，因爲新模式沒有垂直滾動條。模態關閉後，背景大小再次被修正。 .container { margin: 40px; padding: 20px; height: 200vh; background-color: