2011-12-31 10 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

私のコードは次のとおりです。私は虫眼鏡を表示するには、次のJavaScriptファイルを使用してい

"onComplete"メソッドは何も起こりません...誰かが私のコードで何が間違っているのか分かりますか?

おかげ

+0

それはfancyboxを示していますか? – Diode

+0

はい、虫眼鏡はありません。 – user1124382

+0

FancyBoxとlenseのCSSプロパティの競合があります。実際には虫眼鏡が見えません。 – dfsq

答えて

1

あなたは(それがfancyboxに似ています)カラーボックスのプラグインを使用する必要があります。

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

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