2014-11-11 4 views
1

Lightbox2의 최신 버전 용 스크립트를 다운로드했습니다. .css 파일과 .js 파일을 모두 head 태그에 추가했습니다. 이미지의 코드에서 새 속성을 사용하고 모든 파일이 있어야하는 폴더에 있는지 확인했습니다. 그래도 미리보기 이미지를 클릭하면 기능을 사용할 수 없습니다. 큰 이미지가 튀어 나옵니다.LightBox2 2.7.1 팝 아웃이 작동하지 않습니다.

도와주세요.

<div class="photobox"> 
      <a href="img/img1.jpg" data-lightbox="photos"><img src="img/img1thumb.jpg" /></a> 
      <a href="img/img2.jpg" data-lightbox="photos"><img src="img/img2thumb.jpg" /></a> 
      <a href="img/img3.jpg" data-lightbox="photos"><img src="img/img3thumb.jpg" /></a> 
      <a href="img/img4.jpg" data-lightbox="photos"><img src="img/img4thumb.jpg" /></a> 
      <a href="img/img5.jpg" data-lightbox="photos"><img src="img/img5thumb.jpg" /></a> 
     </div> 

편집 : 나는 실제로 단지 대신 다른 창에서을 만드는 돼있으로 나타났습니다, 그건 내가 사진을 보여주는거야 섹션은 여기

<head> 
     <meta charset="UTF-8" /> 
     <script src="js/jquery-1.11.0.min.js"></script> 
     <script src="js/lightbox.min.js"></script> 
     <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Amatic+SC' rel='stylesheet' type='text/css'> 
     <link rel="stylesheet" type="text/css" HREF="index.css" /> 
     <link href="css/lighbox.css" rel="stylesheet" /> 

     <title> 
     Welcome! | DaveAyotte.com 
     </title> 
    </head> 

: 그리고 여기 내 머리 내 웹 사이트의 주요 div (균일 한 크기로 모든 것을 보관하는 데 사용됨) 외부의 그림을 열면 클릭 한 이미지를보기 위해 먼 저 스크롤해야하는 스크롤 막대가 만들어집니다.

답변

1

의 제대로 여부를 연결 있는지 확인하고 당신이

같은 앵커 태그에서 rel 속성을 추가 할 필요가 lightbox.css를

의 링크 태그에뿐만 아니라 유형 속성을 추가 할 lightbox.css를 파일을 확인하시기 바랍니다

<a href="color lef.jpg" data-type="album" rel="lightbox" > 
    <img src="color lef.jpg" width="100" height="100" /> 
</a> 
+0

oops 내가 놓친 경우, 과 같이 앵커 태그 아래에 rel 속성을 추가해야합니다. –

1
<link href="css/lighbox.css" rel="stylesheet" /> 

<link href="css/lightbox.css" rel="stylesheet" /> 

철자 오류 '광'에 존재해야한다. 원래 코드에 't'가 없습니다.

관련 문제