라이트 박스 2는 단일 이미지 용 갤러리를 보여줍니다.

Question

라이트 박스 2에 약간의 문제가 있습니다. 다른 jquery 플러그인 인 WookMark과 섞여 있습니다. 따라서, 나의 작은 이미지는 조금 더 복잡하며, 다음과 같이 : 정말 (34)의 1 일 때 그 결과

<li data-filter-class='["digital", "mabel", "all"]'> 
<a href="/illus/phpGallery_images/mabel0.jpg" data-lightbox="illustration" title="caption"> 
<div class="thumbnail"><img src="/illus/phpGallery_thumbs/tn_mabel0.jpg" /> 
<p>Caption</p><p class="tags">digital, mabel &amp; bruin</p> 
</a> 
</li> 

, 내 갤러리 데이터 - ""2 (68)의 "로 첫 번째 이미지를 보여줍니다 라이트 박스 "는 어디에도 중복되지 않으며 웹 페이지에만 34 번 게재됩니다.

당신은 여기 내 작업 페이지를 볼 수 있습니다

: [삭제됨] ... 첫 번째 이미지는, "혼자"자신의 ID를 가지고 있으며, 당신이 볼 수있는 테스트로는 "2 이미지 2"

만약 말한다 너는 한 번 봐봐, 정말 고마워!

Answer 1

는 여기에 귀하의 HTML의 모습입니다 :

<li data-filter-class='["digital", "watch", "all"]'> 
    <a href="/illus/phpGallery_images/peacockl_watch_design.jpg" data-lightbox="alone" title="caption"> 
     <div class="thumbnail"><img src="/illus/phpGallery_thumbs/tn_peacockl_watch_design.jpg" /> 
     <p>Caption</p> 
     <p class="tags">digital, watch faces</p> 
    </a> 
</li> 

<li data-filter-class="['digital', 'watch', 'all']" style="display: list-item; position: absolute; top: 0px; left: 91px;"> 
    <a href="/illus/phpGallery_images/peacockl_watch_design.jpg" data-lightbox="alone" title="caption"></a> 
    <div class="thumbnail"> 
     <a href="/illus/phpGallery_images/peacockl_watch_design.jpg" data-lightbox="alone" title="caption"> 
      <img src="/illus/phpGallery_thumbs/tn_peacockl_watch_design.jpg"> 
      <p>Caption</p><p class="tags">digital, watch faces</p> 
     </a> 
    </div> 
    </li> 

라이트 박스 데이터 라이트 박스 속성을 가진 요소를 찾습니다 wookmark을 적용한 후. 이제 두 배나 많은 돈을 벌었습니다. Wookmark에는 도움이 될 수있는 라이트 박스가 통합 된 예제가 있습니다 : https://github.com/GBKS/Wookmark-jQuery/blob/master/example-lightbox/index.html. 하지만, Wookmark 이전에 라이트 박스를 초기화하는 것이 트릭의 일부라고 생각합니다.