FancyBox & ImageLens

Question

Я пытаюсь загрузить изображение с помощью FancyBox, и как только изображение загружено, оно должно отображать увеличительное стекло при наведении на изображение.

Я использую следующий файл javascript для отображения увеличительного стекла: http://www.dailycoding.com/Uploads/2011/03/imageLens/demo.html

Мой код выглядит следующим образом:

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


    });

Я пытаюсь загрузить imageLens с помощью метода "onComplete", но ничего не происходит ..Кто-нибудь знает, что не так с моим кодом?

Спасибо

Answer 1

Вы должны использовать плагин Colorbox (он похож на fancybox):

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