fancybox

1熱度

1回答

我改變了hexo（風景主題）分享按鈕，以下是代碼。（HEXO \主題\景觀\ layout_partial \ article.ejs） <article id="<%= post.layout %>-<%= post.slug %>" class="article article-type-<%= post.layout %>" itemscope itemprop="blogPost">

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

0熱度

3回答

Turbolinks +燈箱（Rails 5）

我知道這個問題已被要求死亡，但我仍然無法解決我的應用程序中的東西。我運行一個Rails應用程序5（與turbolinks和的fancybox收藏寶石），並有一些特定頁面的JavaScript對模型展示頁面上顯示的圖像： application.html.erb <head> ... <%= javascript_include_tag "application", "data-

1熱度

1回答

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

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

1熱度

2回答

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

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

1熱度

1回答

Fancybox 3：單擊圖像時禁用縮放

我已經使用Kirby CMS（https://getkirby.com/）內的Fancybox 3插件（http://fancyapps.com/fancybox/3/docs/）設置了一個簡單的圖像滑塊。我無法解決的唯一問題是如何在滑塊打開時單擊圖像時停止滑塊放大圖像。有人能幫我一個忙嗎？我試着在滑塊的選項中包括clickSlide : 'close',，但它沒有奏效。以下是我已經設置了滑

0熱度

2回答

僅針對fancybox的某種分辨率（桌面）觸發縮略圖3.1

有沒有一種方法，如果是這樣，觸發帶縮略圖的網格僅基於分辨率出現？基本上，我不想將它設置爲自動，因爲這也意味着手機，但我希望它自動打開桌面或平板電腦。最好通過使用viewport/css來識別解析。

1熱度

1回答

自動拖動的YouTube視頻不會加載在華麗的框中

在我的主頁上，我有YouTube視頻，可以通過YouTube API自動拖動。它們顯示完美，鏈接按預期方式完成。他們每個都有class="fancybox-youtube"，但沒有一個視頻在一個漂亮的窗口中打開。我手動輸入了自動饋送的YouTube視頻上方的鏈接，該鏈接可以正常工作。如果您轉到我的主頁 2k Online Franchise並向下滾動到「最新視頻」，您將看到我所指的視頻。您還會

0熱度

1回答

Lightbox無法在laravel應用程序中工作

我試圖在laravel中實現燈箱，但它不會從lightbox css文件中加載箭頭（左，右...）。Fancybox我遇到了問題，當我單擊在圖像上，大小溢出了1,2秒，然後它出現在屏幕中心的正常大小（我有下圖）。箭頭路徑public/lightbox/img。下面是我的代碼 default.blade.php <title>My personal website</title> <li