Shadowbox를 작동시키려는 XHTML 1.0 Strict 문서가 있습니다.Shadowbox가 작동하지 않는 것 같습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="Content-Type" content="text/html; charset=UTF-8" />
<title>Test page</title>
<link rel="stylesheet" type="text/css" href="shadowbox.css" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
console.log('Howdy there!'); // displays, so no JS error in Shadowbox.init
</script>
</head>
<body>
<p>
<a href="image.jpg" title="Howdy" rel="shadowbox">
<img src="image.jpg" alt="Click to zoom." />
</a>
</p>
</body>
</html>
이 문서는 내 Firefox 확장 프로그램에 따라 완전하게 유효합니다.
섀도우 박스가 이 아닌 것 같습니다.. 이미지 링크를 클릭하면 브라우저가 평상시처럼 이미지를 엽니 다. 전혀 상자가 없습니다.
JQuery를로드하지 않고 Shadowbox 만로드하려고했지만 도움이되지 않았으므로 JQuery의 잘못이 아닙니다. 그건 그렇고 Shadowbox 3.0b와 같습니다. 어떤 아이디어?
편집 : 방금 생각한 것 ... 그림자 상자는 내부 마법을 사용하여 경로를 찾습니다. 그러나이 페이지는 완전히 정적이며 디스크의 파일에서 직접로드됩니다. 이것이 문제가 될 수 있습니까? DOM을 보면 Shadowbox.path가 "file : /// C :/..."로 올바르게 설정되어있는 것을 볼 수 있습니다.
아, 고맙습니다. 나는 그 부분을 결코 얻지 못했다. 위대한 작품! –