shadowbox將圖像打開到新頁面

我想使用shadowbox.js在當前網頁上打開圖像。然而，當我點擊鏈接時，它會將我帶到我的圖像，並且下面的頁面會進入空白頁面。有誰知道如何在保留當前頁面的同時打開陰影框？shadowbox將圖像打開到新頁面

這裏是我的代碼：

<head> 
    <script src="shadowbox-3.0.3/shadowbox.js" type="text/javascript"></script> 
    <link rel="stylesheet" href="shadowbox-3.0.3/shadowbox.css" type="text/css"> 
</head> 

<body onload="Shadowbox.init();"> 
    <table> 
     <tr> 
      <td><a href="ss1.jpg" rel="shadowbox[screenshots]">image #1</a></td> 
      <td><a href="ss2.jpg" rel="shadowbox[screenshots]">image #1</a></td> 
      <td><a href="ss3.jpg" rel="shadowbox[screenshots]">image #1</a></td> 
     </tr> 
    </table> 

</body>

來源

2011-12-08 theNoobProgrammer

沒有...我有其他的JavaScript（jQuery Mobile的JS和CSS文件），這我也會調用哪個導致shadowbox陷入困境。 – theNoobProgrammer

你有沒有發現有什麼問題，我有同樣的問題使用fancybox和jquery mobile – Shakur

添加Shadowbox.init()到<head>的文檔建議。可能首先放置CSS鏈接;正如文件所建議的那樣。以下應該進入頭/

<script src="shadowbox-3.0.3/shadowbox.js" type="text/javascript"></script> 
<link rel="stylesheet" href="shadowbox-3.0.3/shadowbox.css" type="text/css"> 
<script type="text/javascript"> 
Shadowbox.init(); 
</script>

來源：http://www.shadowbox-js.com/usage.html

工作頁面下：

<html> 
<head> 
<script src="shadowbox.js" type="text/javascript"></script> 
<link rel="stylesheet" href="shadowbox.css" type="text/css"> 
<script type="text/javascript"> 
    Shadowbox.init(); 
</script> 
</head> 
<body> 
<table> 
    <tr> 
     <td><a href="ss1.jpg" rel="shadowbox[screenshots]">image #1</a></td> 
     <td><a href="ss2.jpg" rel="shadowbox[screenshots]">image #2</a></td> 
     <td><a href="ss3.jpg" rel="shadowbox[screenshots]">image #3</a></td> 
    </tr> 
</table> 
</body> 
</html>

來源

2011-12-08 20:23:02

剛剛嘗試過，它仍然打開它的背景是空白的頁面上。還有其他建議嗎？ – theNoobProgrammer

沒有運氣。我將shadowbox文件夾中的所有文件和圖像複製到我的根文件夾中，但它仍然無效 – theNoobProgrammer

我的代碼中顯示圖像的部分與urs（減去圖像名稱）完全一樣... safari和firebox都在空白頁上顯示圖像如何，當我嘗試運行它，即它不斷告訴我theres和錯誤在行17064 – theNoobProgrammer

shadowbox將圖像打開到新頁面

回答

相關問題