2013-10-28 1 views
0

라이트를 라이트 박스로로드하려고 할 때, 이미지를 클릭 할 때마다 동일한 윈도우에서 이미지가 열립니다.nivo-lightbox가 라이트 박스를로드하고 싶습니다.

나는 심지어 내 자신의 이미지를 사용하여 시도,하지만 여전히 오류가 없는지, jsfiddle에 따라 같은 창

에 그것을로드하고 내가 여기

이 링크입니다 단어에 대한 문서의 단어를 따라 보세요. 희망에 따라 누군가가 무슨 일이 일어나고 있는지 파악할 수 있습니다. 필요한 경우 온라인으로 프로젝트를 업로드 할 수 있으며 소스 코드를 살펴보고로드하지 않으려하는 이유를 확인할 수 있습니다.

감사

http://jsfiddle.net/jzJKb/3/

HTML

<a rel="nivoLightbox" href="http://aetherthemes.com/demo/visia/images/projects/project1-slide2.jpg" title="This is an image title"> 
<img src="http://aetherthemes.com/demo/visia/images/projects/project1-slide2.jpg" alt="" /> 

스크립트

$(document).ready(function() { 
$('a').nivoLightbox();}); 

답변

0

내가 사용하지 않은 NIVO 라이트 박스 오래지만, 스크립트는 앵커 태그를 타겟팅하는 것처럼 보입니다. 슬라이더 이미지에 클래스 또는 ID를 넣으려고 했습니까? 그것과 함께 간다
<a href="image.jpg" data-lightbox-gallery="gallery1" id="lightbox"><img src="lightboxbutton.png"></a>
그리고 스크립트 :
예 HTML
<script> $(document).ready(function(){ $('#lightbox').nivoLightbox();
}); </script>