2017-12-09 16 views
0

사진 갤러리에 사진 3 개를 연결하고 싶습니다. 따라서 이미지 중 하나를 클릭하면 사용자가 다른 이미지로 이동할 수있는 다음 및 이전 화살표가 있어야합니다. Lightbox2를 사용하는 코드는 다음과 같습니다.Lightbox2 그룹의 첫 번째 이미지 다음에 다음 화살표가 사라집니다.

<a href="my/path/images/image1.jpg" data-lightbox="roadtrip" data-title="My caption"> 
<img src="my/path/thumbnails/thumb1.jpg" alt="Surfing"/> 
</a> 
<a href="my/path/images/image2.jpg" data-lightbox="roadtrip" data-title="My caption"> 
<img src="my/path/thumbnails/thumb2.jpg" alt="Lifeguard Stand"/> 
</a> 
<a href="my/path/images/image3.jpg" data-lightbox="roadtrip" data-title="My caption"> 
<img src="my/path/thumbnails/thumb3.jpg" alt="Hot Air Balloons"/> 
</a> 

이제 코드를 실행하면 첫 번째 이미지에 두 번째 이미지로 연결되는 다음 화살표가 표시됩니다. 그러나 사용자가 두 번째 이미지에있을 때 이전 화살표 만 있지만 다음 화살표는 없습니다. 하지만 두 화살표가 모두 나타나기를 바랍니다.

누구든지 문제를 해결하는 방법을 알고 있다면 알려 주시기 바랍니다. 고맙다 !!

+0

여기서 스 니펫을 설정할 수 있습니까? https://stackoverflow.com/help/mcve – sinisake

+0

음, 위의 코드가 스 니펫입니다. HTML 파일로만 작성되었습니다. – ryan9025

+0

문제가 재현되지 않습니다. 사용자가 두 번째 이미지에 있으면 두 개의 화살표가 모두 나타납니다. 세트의 세 번째 이미지에 대해 이야기하고 다음 화살표를 설정하려면 (첫 번째 이미지로 이동하려면 이미지를 순환하려면 마지막 이미지 세트에 도달 한 후) lightbox.option ({ 'wrapAround': true }) – sinisake

답변

0

좋아, 그래서 나 자신에 의해 답변을 발견하고 아래에 동일한 문제가 발생할 수 있습니다 많은 사람들을위한 답변입니다.

.lb-nav a.lb-prev의 너비를 lightbox.css으로 변경하면 올바르게 작동합니다. 64 %에서 50 %로 변경 한 후 다음 화살표가 나타납니다.

본질적인 원인을 파고 들지는 못하지만,이 해결책이 효과적입니다. 누구든지 정확히 무슨 일이 일어날 지 알고 있다면, 언제든지 의견이나 대답을 남겨주세요. 감사!