如何將自定義HTML添加到Fancybox？

我有一個簡單的圖片庫，用戶可以點擊縮略圖圖片，Fancybox將打開全尺寸的圖片。太好了，它可以工作。現在，我想添加一些自定義HTML，以便將圖像包含在底部具有標題的包裝中，並將照片註釋到照片右側（認爲是臉書）。我該怎麼做呢？我一直在努力研究如何做到這一點，我所能做的就是讓原始照片與Fancybox打開。這裏是我使用的代碼：如何將自定義HTML添加到Fancybox？

$(document).ready(function() { 
    $(".fancybox-button").fancybox({ 
     padding  : 0, 
     prevEffect : 'none', 
     nextEffect : 'none', 
     closeBtn : false, 
     helpers : { 
      title  : { type : 'inside' }, 
      buttons  : {} 
     } 
    }); 
});

我正在尋找這樣的事情（注意最後一行）：

$(document).ready(function() { 
    $(".fancybox-button").fancybox({ 
     padding  : 0, 
     prevEffect : 'none', 
     nextEffect : 'none', 
     closeBtn : false, 
     helpers : { 
      title  : { type : 'inside' }, 
      buttons  : {}, 
      html : {'<div>my custom html</div>'} 
     } 
    }); 
});

我將如何做到這一點？

來源

2012-07-06 John Anderson

看到[這] （http://fancybox.net/blog）fancybox網站上的頁面。在那裏你會找到你需要的例子。 – madfriend 2012-07-06 05:27:32

@madfriend：錯誤的鏈接，他正在使用版本2（我猜你知道有兩個不同的網站，爲v1.x和v2.x，是嗎？） – JFK 2012-07-06 05:59:13

ooops，[鏈接]（http：// fancyapps。 com/fancybox /＃examples） – madfriend 2012-07-06 12:07:14

看這個demo

你在找這樣的事情？

來源

2012-07-06 05:18:17 Kishore

是的！我試圖理解你做了什麼。我想我明白了嗎？ – 2012-07-06 05:29:29

只需隱藏您想要在精美盒子中展示的div。使用等於div的錨標記的href和onclick調用錨標記上的花哨框函數。就這樣。 – Kishore 2012-07-06 05:34:39

你是說「認爲facebook」？那麼你也可以考慮我的fancybox 「一拉」臉譜：

http://www.picssel.com/playground/jquery/fancyboxALAfacebook_26Mar12.html

它需要的fancybox V2.X

來源

2012-07-06 05:46:00 JFK

要自定義HTML彈出窗口上的fancybox 2：

$.fancybox({ content: '<div>my custom html</div>' });

來源

2013-07-19 03:42:09 Aximili

如何將自定義HTML添加到Fancybox？

回答

相關問題