jquery-lightbox 이상한 행동 (다음/이전 이미지로 넘어 가지 않음)

나는 극복 할 수없는 두 가지 문제가 있습니다. 첫째, 이미지를 성공적으로 스크롤 할 수 없습니다. 라이트 박스에서 다음/이전 버튼을 클릭하면 현재 이미지에만 머물러 있습니다.jquery-lightbox 이상한 행동 (다음/이전 이미지로 넘어 가지 않음)

또한 라이트 박스 이미지의 가운데에서 정사각형을 클릭하면 이미지가 닫힙니다.

$(function(){ 


$('#photos a').lightBox({fixedNavigation:true, imageBtnPrev:'{{site}}media/imageslightbox-btn-prev.gif',imageBtnNext:'{{site}}media/images/lightbox-btn-next.gif',containerResizeSpeed:350,}); 

});

그래서 "fixedNavigation : true"매개 변수를 사용하거나 설정하지 않고 시도했습니다. 다음과 같이

내 마크 업입니다 : 어떤 도움

<div id="photos"> 
     <ul> 
      <li><a href="{{site}}media/apt-img4.jpg"><img src="{{site}}media/apt-img4.jpg" width="185" height="110" alt="Thumb" /></a></li> 
      <li><a href="{{site}}media/apt-img4.jpg"><img src="{{site}}media/apt-img5.jpg" width="185" height="110" alt="Thumb" /></a></li> 
      <li><a href="{{site}}media/apt-img4.jpg"><img src="{{site}}media/apt-img6.jpg" width="185" height="110" alt="Thumb" /></a></li> 
      <li><a href="{{site}}media/apt-img4.jpg"><img src="{{site}}media/apt-img7.jpg" width="185" height="110" alt="Thumb" /></a></li> 
     </ul> 
    </div>

감사합니다!

출처

2011-03-15 Ben

설정을 jsfiddle.com에 게시하십시오. jquery 라이트 박스에 CSS 파일이 필요합니까? – Jason

jquery 라이트 박스는 css 파일과 함께 제공되며 문제없이 내 페이지에로드됩니다. – Ben

jsfiddle.com에 설정을 게시하는 것은 매우 쉽습니다. 마지막 페이지를 복사하여 HTML 섹션에 붙여 넣은 다음 저장을 클릭하고 여기에 URL을 게시하십시오. – Jason

스크립트에서 문제가 발견되었지만 문제가 해결되지 않을 수 있습니다.

자바 스크립트에는 쉼표가 있습니다. 그것은 IE에서 문제를 일으킬 것입니다. 그것은해야한다 :

HTML 코드에서

$('#photos a').lightBox({fixedNavigation:true, imageBtnPrev:'{{site}}media/imageslightbox-btn-prev.gif',imageBtnNext:'{{site}}media/images/lightbox-btn-next.gif',containerResizeSpeed:350});

, 모든 축소판 샘플 이미지를로드합니다. 그것은해야한다 :

<div id="photos"> 
      <ul> 
       <li><a href="{{site}}media/apt-img4.jpg"><img src="{{site}}media/apt-img4.jpg" width="185" height="110" alt="Thumb" /></a></li> 
       <li><a href="{{site}}media/apt-img5.jpg"><img src="{{site}}media/apt-img5.jpg" width="185" height="110" alt="Thumb" /></a></li> 
       <li><a href="{{site}}media/apt-img6.jpg"><img src="{{site}}media/apt-img6.jpg" width="185" height="110" alt="Thumb" /></a></li> 
       <li><a href="{{site}}media/apt-img7.jpg"><img src="{{site}}media/apt-img7.jpg" width="185" height="110" alt="Thumb" /></a></li> 
      </ul> 
     </div>

출처

2011-03-15 01:15:36 YNhat

감사 YNhat. 내 마크 업이 웬일인지 꺼져서 네 말이 맞다. 나는 그것을보고 있고 나는 아직도 그것을 볼 수 없다. 고마워. – Ben

브렌든은 - 원래하는 HREF 모두 같은 (첫번째) 이미지를 가리키고 있었다 YNhat가 수정처럼 보인다. 마크 업을 복사/붙여 넣으면 문제의 원래 원인 일 가능성이 높습니다.

출처

2012-03-16 18:24:35 Glenn

jquery-lightbox 이상한 행동 (다음/이전 이미지로 넘어 가지 않음)

답변

관련 문제