-1
라이트 박스를 내 갤러리에서 실행하려고합니다. Jquery는 함수에서 alert()을 테스트하여 작동합니다. 하지만 라이트 박스는 작동하지 않는 것 같습니다. 아니면 적어도 링크가 정상적으로 작동합니다. 여기 내 코드는 다음과 같습니다.라이트 박스가 작동하지 않습니다. jquery가로드되었습니다.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<title></title>
<meta charset="UTF-8" />
<meta name="ROBOTS" content="ALL" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
<link href="/fuelcms/assets/css/klang.css?c=943916400" media="all" rel="stylesheet"/>
<base href="http://localhost/fuelcms/index.php" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<meta name="robots" content="index, follow" />
<script type="text/javascript" src="assets/js/jquery.js"></script>
<script type="text/javascript" src="assets/js/lightbox/prototype.js"></script>
<script type="text/javascript" src="assets/js/lightbox/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="assets/js/lightbox/lightbox.js"></script>
<link rel="stylesheet" href="assets/css/lightbox.css" type="text/css" media="screen" />
</head>
<body class="gallery index">
<!--<div class="header"><ul>
<li class="first"><a href="http://localhost/fuelcms/index.php/repertoire" title="Repertoire">Repertoire</a></li>
<li><a href="http://localhost/fuelcms/index.php/about" title="Über uns">Über uns</a></li>
<li><a href="http://localhost/fuelcms/index.php/kontakt" title="Kontakt">Kontakt</a></li>
<li><a href="http://localhost/fuelcms/index.php/agenda" title="Agenda">Agenda</a></li>
<li><a href="http://localhost/fuelcms/index.php/gallery" title="Gallerie">Gallerie</a></li>
<li class="last"><a href="http://localhost/fuelcms/index.php/links" title="Links">Links</a></li>
</ul>
</div>-->
<ul>
<li class="first"><a href="http://localhost/fuelcms/index.php/repertoire" title="Repertoire">Repertoire</a></li>
<li><a href="http://localhost/fuelcms/index.php/about" title="Über uns">Über uns</a></li>
<li><a href="http://localhost/fuelcms/index.php/kontakt" title="Kontakt">Kontakt</a></li>
<li><a href="http://localhost/fuelcms/index.php/agenda" title="Agenda">Agenda</a></li>
<li><a href="http://localhost/fuelcms/index.php/gallery" title="Gallerie">Gallerie</a></li>
<li class="last"><a href="http://localhost/fuelcms/index.php/links" title="Links">Links</a></li>
</ul>
<div class="fullpage">
<div class="colmask">
<div class="col3">
<div class="pagination"><a href="http://localhost/fuelcms/index.php/gallery/index/">‹ First</a> <a href="http://localhost/fuelcms/index.php/gallery/index/7"><</a> <a href="http://localhost/fuelcms/index.php/gallery/index/6">7</a> <a href="http://localhost/fuelcms/index.php/gallery/index/7">8</a><strong>9</strong></div><br><div class="imagebox"><a rel="lightbox[col]" href="assets/images/fotos_site/Gong.JPG"><img src="http://localhost/fuelcms/assets/images/fotos_site/thumbs/Gong_thumb.jpg" alt=""/></a></div><div class="imagebox"><a rel="lightbox[col]" href="assets/images/fotos_site/Fatamorganaschatten.JPG"><img src="http://localhost/fuelcms/assets/images/fotos_site/thumbs/Fatamorganaschatten_thumb.jpg" alt=""/></a></div><div class="imagebox"><a rel="lightbox[col]" href="assets/images/fotos_site/Bumentopf2.JPG"><img src="http://localhost/fuelcms/assets/images/fotos_site/thumbs/Bumentopf2_thumb.jpg" alt=""/></a></div><div class="imagebox"><a rel="lightbox[col]" href="assets/images/fotos_site/Blumentopfdynamik.JPG"><img src="http://localhost/fuelcms/assets/images/fotos_site/thumbs/Blumentopfdynamik_thumb.jpg" alt=""/></a></div><div class="imagebox"><a rel="lightbox[col]" href="assets/images/fotos_site/Blumentopf.JPG"><img src="http://localhost/fuelcms/assets/images/fotos_site/thumbs/Blumentopf_thumb.jpg" alt=""/></a></div><div class="imagebox"><a rel="lightbox[col]" href="assets/images/fotos_site/Blument1.JPG"><img src="http://localhost/fuelcms/assets/images/fotos_site/thumbs/Blument1_thumb.jpg" alt=""/></a></div></div></div><div class="footer" />
</body>
</html>
나는 또한 head 태그의 스크립트 태그로 시도했지만 차이점이 없습니다.
greez
Are 스크립트 태그 안의 숫자는 의도적입니까? – rcdmk
왜 이전 버전을 사용하고 계십니까? [라이트 박스 2.05] (http://lokeshdhakar.com/projects/lightbox2/#download) 꽤 오랫동안 외출 중이었습니다 ... 아니면 다른 플러그인에 대해 이야기하고 있습니까? – elclanrs
당신은 at 기호를 제거하려고 했습니까 ??? $ ('[rel * = lightbox]'). lightBox(); –