라이트 박스 이미지에 대한 링크 제공

Question

내 갤러리 페이지에 라이트 박스 (jquery.lightbox-0.5.js)를 사용하고 있습니다. 그리고 이미지를 표시하기위한 코드는

<ul> 
    <div class="gallery" id="gallery1"> 
    <li> <a style="display: inline;" href="sample.jpg" target="_blank"> <img src="sample_thumb.jpg" alt="" /> </a> </li> 
    </div> 
</ul> 

잘 작동합니다.

하지만 이제 Lightbox 이미지에 대한 링크를 제공하고 싶습니다. 즉, 라이트 박스 내의 이미지를 클릭 할 때 사용자를 다른 페이지로 리디렉션하고 싶습니다.

하지만 이것을 달성하는 방법을 모르십니까? 아무도 이것에 대해 어떤 생각을 가지고 있습니까? 미리 감사드립니다.

Answer 1

"a"태그의 제목을 html로 설정하고 원하는 링크로 설정하십시오. 이미지를 클릭하면 확대 된 이미지 하단에 클릭하여 탐색 할 수있는 링크가 표시됩니다.

<ul> 
    <div class="gallery" id="gallery1"> 
    <li> <a style="display: inline;" href="sample.jpg" target="_blank" title="&lt;a href='http://google.com'&gt;My Link. Click Me&lt;/a&gt;"> <img src="sample_thumb.jpg" alt="" /> </a> </li> 
    </div> 
</ul>