Javascript FancyBox&；成像透镜

我正在尝试使用FancyBox加载图像，一旦加载图像，当鼠标悬停在图像上时，它应该会显示一个放大镜

我使用以下javascript文件显示放大镜：

我的代码如下：

<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();
       }


    });

$（文档）.ready（函数（）{
/*这是基本设置-使用默认设置*/
$（“单个图像”）.fancybox({
“标题位置”：“内部”，
onComplete:function（）{
警报（“测试”）；
$（“#fancybox img”）.imageLens（）；
}
});

我试图使用“onComplete”方法加载imageLens，但什么也没发生……有人知道我的代码有什么问题吗

---

谢谢

您必须使用Colorbox插件（它类似于fancybox）：

---

是的，但没有放大镜。有一些FancyBox和lense CSS属性冲突。有一个放大镜，实际上你就是看不见。好的，谢谢！你知道解决这个问题的方法吗？或者我可以使用另一个Maginfing glass？

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