使用Fancybox顯示彈出窗口div

我需要使用fancybox彈出使用應用窗體顯示div。是否有可能.fancybox（）除了圖像以外的任何東西，因爲我在互聯網上使用的所有教程。使用Fancybox顯示彈出窗口div

在此先感謝！

我有以下代碼：

<input type="button" value="Preview" id="btnPreview" />

TESTEN的文字！

<script type="text/javascript"> 
    $(document).ready(function() { 

     $('#divDetails').hide(); 
     $('#divPreview').hide(); 

     $('.image').click(function() { 
      var imgPath = $(this).attr('src'); 
      var imgName = imgPath.substring(0, imgPath.length - 4); 
      var imgAlt = $(this).attr('alt'); 

      $('#mainDiv').hide(); 
      $('#divDetails').show('slow'); 

      $('#detailedImage').attr('src', imgName + '-large.jpg').attr('alt', imgAlt); 
     }); 

     $('#btnPreview').click(function() { 
      $('#divDetails').show(); 
      $("#divPreview").fancybox(); 
     }); 
    }) 
</script>

其餘的代碼是不相關的。當我點擊btnPreview按鈕時，我想要div ID爲divPreview的div彈出，我打電話給$（「＃divPreview」）。fancybox（）;

我包括這些腳本

<link href="../css/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" /> 
<script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script> 
<script src="../fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script> 
<script src="../fancybox/jquery.mousewheel-3.0.4.pack.js" type="text/javascript"></script> 
<script src="../fancybox/jquery.easing-1.3.pack.js" type="text/javascript"></script>

我在做什麼錯？

謝謝！

來源

2011-09-26 Dragan

fancybox（）方法不會啓動fancybox彈出窗口。它將fancybox附加到點擊它們的項目。 –

我不明白。你能告訴我一個好的代碼嗎？ – Dragan

我個人使用prettyPhoto，它非常類似於花式框，但是我發現它與舊版瀏覽器更兼容。

看看

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

我相信你正在尋找的頁面，加載自定義內容是這裏

http://www.no-margin-for-errors.com/blog/2010/09/28/tutorial-opening-custom-content-in-prettyphoto/

在他們使用谷歌地圖，例如:)

希望這可以幫助你。

來源

2011-09-26 13:56:26

看看圖書館..我不知道它是否對我有幫助。我需要彈出窗體。 prettyPhoto可以幫我嗎？一旦彈出窗口顯示，Cuz的所有內容似乎都是靜態的。 – Dragan

是的，您可以在頁面上創建一個「div」並將其隱藏起來。然後用prettyphoto調用它。它的所有內容我發給你:)看看這裏http://www.glcreations.co.uk/OLD/resume.html它來自我的舊網站，所以佈局被搞砸了一點，但是點擊我的電子郵件地址在頂部，看看會發生什麼;） –

謝謝！乾杯 – Dragan

請給出一些更多的信息...什麼情況下？你的html是什麼？

可能出現的錯誤：

1）不加載的jQuery運行該段之前（包括其作爲第一） 2）一方或雙方的ID都沒有發現。 3）在運行這個代碼片段之前，不包含fancybox。

來源

2011-09-26 13:55:35 JNDPNT

使用Fancybox顯示彈出窗口div

回答

相關問題