沒有鏈接的Lightbox庫

Question

是否有任何lightbox庫允許我插入任何內容（例如div）而無需點擊鏈接？

我看到很多圖書館喜歡this one。用戶需要點擊圖片才能看到燈箱。我想要的是一個計時器，幾秒鐘後，它會調用Lightbox來顯示。用戶可以關閉它，如果她想。

Answer 1

您可以使用jQueryUI的對話框，然後調用它的代碼，你想開：

function openLightBox(title,content){ 
    //append a div automatic 
    if ('#divx').length <= 0) { 
      $("body").append('<div id="divx" style="display:none; overflow-x:hidden; overflow-y:auto;" title="'+title+'"></div>'); 
     } 
    //setup dialog 
    $('#divx').dialog({ 
      zIndex: 300, 
      width: 500, 
      height: 400, 
      resizable: false,  
      modal: true,  
      draggable: true,  
      buttons:{ 
       "close":function(){ 
        $(this).dialog('close'); 
      } 
      } , 
      close: function() { 
       $(this).empty(); 
       $(this).dialog("destroy"); 
      } 
     }); 
    //call it 
     $('#divx').dialog('open'); 
     $('#divx').html(content); 
} 

// you want to call it after page load 5 seconds? 

$(function(){ 
setTimeout(function(){ 
    openLightBox('hello','<h1>my name is fox!</h1>'); 
    },5000); 
});