magnific-popup

    0熱度

    2回答

    我正在使用Magnific Popup。 我可以讓它與galleries一起使用。 $(document).ready(function() { $('.popup-gallery').magnificPopup({ delegate: 'a', type: 'image', gallery: { enabled: true,

    1熱度

    1回答

    我在我的初始化代碼中有以下內容,這樣人們可以點擊圖片來關閉彈出窗口。但它不起作用。有任何想法嗎? $(document).ready(function() { $('.image-link').magnificPopup({type:'image'}); }); $('.magnifierIcon').magnificPopup({ type: 'image',

    1熱度

    1回答

    我有以下代碼: jQuery('.rel-vid a').magnificPopup({ type:'inline' }); 它會打開一個彈出 。我有一個電影,在彈出窗口中,我想動態更改給定的鏈接點擊。唯一的問題是我需要知道「this」的價值,但我無法清楚地知道我應該如何使用這個插件訪問它。我可以提供任何必要的細節。 編輯: http://jsfiddle.net/pe8Vm/5/

    4熱度

    1回答

    我在頁面上有很多畫廊,它們是從各自的按鈕啓動的。我喜歡在頁面旁邊的按鈕上爲畫廊定義標記,然後隱藏使用.mfp-hide的想法。然而,當我添加delegate關鍵字時(無論如何),我無法獲得彈出窗口來激活。 這裏是我的代碼到目前爲止, HTML <div id="gallery1" class="mfp-hide"> <div class="slide"> ... some co

    0熱度

    1回答

    我有一個相當基本設置: $('.ajax-popup-link').magnificPopup({ type: 'ajax', callbacks: { ajaxContentAdded: function() { $('.image-link').magnificPopup(); }; } }); 我想要做的就

    0熱度

    1回答

    我有Magnific Popup的工作方式幾乎完全符合我的需求,但出於某種原因箭頭未在畫廊模式中顯示。 取而代之的是兩個空盒子,看起來像一個薄頂邊框。在CSS 來看,我無法找到一個圖像的任何參考或插入字符 即檢查在WebKit的開發工具的HTML顯示默認<button>標記,但標籤是空的。 .mfp-*類存在於CSS中,但它們不涉及任何圖像,:before和:after僞選擇器也不插入任何字符作爲

    1熱度

    3回答

    我希望能加入分享按鈕(Pinterest的開始),到畫廊中的每個圖像,而不必去和手動包括爲每個圖像/進入的網址等。當涉及到爲其他燈箱包含此功能時有很多指導 - 最值得注意的是與特定CMS結合使用;我一直在審查這些指令,以及W3資源和其他stackoverflow.com項目 - 與希望,我可以把東西在一起。我想放置櫃檯上的分享按鈕。到目前爲止,我失敗了。我確實有一次嘗試導致顯示按鈕,但是腳本沒有確

    0熱度

    1回答

    我正在使用Magnific Popup。在彈出窗口中我有一個表單。在表單提交中,我想顯示來自php表單處理文件的文本。現在頁面只是刷新,並不確定它掛着什麼。 <form name="subscribe" id="subscribe" class="subscribe" action=""> <p><input name="subscribe" type="checkbox" value=

    3熱度

    3回答

    我使用jquery彈出的用戶顯示額外的信息。 頁面中有一個鏈接,點擊該鏈接,我從上面顯示彈出窗口。 我使用CodePen的彈出式菜單 現在的問題是,當我點擊該鏈接時,它移動到右側。 這個問題到圖片時,網頁的內容越來越出現垂直滾動條。 當內容嵌入到頁面中,沒有這樣的問題arised。 HTML代碼如下。 文件:index.html的index.js文件的 <!DOCTYPE html> <html

    1熱度

    1回答

    嘗試實現ajax內容的大型彈出窗口。只想從鏈接指向的頁面加載元素。爲了更容易,我使用「數據片段」作爲鏈接上的一個屬性。標記看起來是這樣的: <a href="browse-taxonomy.html" class="modal-ajax-fragment" data-fragment="#browse-taxonomy" title="Browse"> JS函數看起來像這樣: $('.moda