2011-12-31 2 views
0

FancyBox를 사용하여 이미지를로드하려고하는데 이미지가로드되면 이미지 위로 마우스를 가져 가면 돋보기가 표시됩니다. 내가 사용 imageLens를로드하기 위해 노력하고있어FancyBox & ImageLens

<script type="text/javascript"> 

$(document).ready(function() { 
/* This is basic - uses default settings */ 
$("a#single_image").fancybox({ 

    'titlePosition' : 'inside', 
     onComplete: function(){ 
     alert("test"); 
       $("#fancybox-img").imageLens(); 
     } 


    }); 

: http://www.dailycoding.com/Uploads/2011/03/imageLens/demo.html

내 코드는 다음과 같다 : 나는 돋보기를 표시하려면 다음 자바 스크립트 파일을 사용하고

"onComplete"메서드는 있지만 아무 일도 일어나지 않습니다 ... 누군가 내 코드에 무슨 문제인지 아시나요?

감사

+0

이는 fancybox를 보여주는 있습니까? – Diode

+0

예, 그렇지만 돋보기는 없습니다 .. – user1124382

+0

FancyBox 및 lense CSS 속성 충돌이 있습니다. 돋보기가 있습니다. 실제로는 볼 수 없습니다. – dfsq

답변

1
당신은 Colorbox 플러그인을 사용할 필요가

(이 fancybox 비슷) :

$(".callbacks").colorbox({ 
    onComplete:function(){$('.cboxPhoto').imageLens({lensSize: 200 }); } 
}); 
+0

http://www.jacklmoore.com/colorbox – DaveHogan