shadowbox는 새 페이지에 이미지를 엽니 다.

shadowbox.js를 사용하여 현재 웹 페이지 상단의 이미지를 열려고합니다. 그러나 링크를 클릭하면 내 이미지로 이동하고 밑에있는 페이지는 빈 페이지로 이동합니다. 누구든지 내 현재 페이지를 유지하면서 shadowbox를 여는 방법을 알고 있습니까? 문서에서 알 수 있듯이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

... 본인은 자바 스크립트 (JQuery와 모바일 JS 및 CSS 파일)이있는 나는 또한 그림자 상자가 엉망이되게한다. – theNoobProgrammer

혹시 문제가 무엇인지 찾아 본 적이 있습니까? fancybox와 jquery mobile을 사용하여 동일한 문제가 발생했습니다. – Shakur

가 <head>에 Shadowbox.init()를 추가

여기 내 코드입니다. 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 (이미지 이름 제외)와 같습니다. 사파리와 Firebox 모두 빈 페이지에 이미지를 표시하십시오. 내가 실행하려고 할 때 그 이미지가 계속 표시됩니다. 즉, 17064 행의 shadowbox.js 파일에서 오류 및 오류를 계속 말합니다. – theNoobProgrammer

shadowbox는 새 페이지에 이미지를 엽니 다.

답변

관련 문제