javascript - gallery.js 内でシャドウボックスを呼び出す

Question

画像ギャラリーがあり、大きな画像をクリックしたときにシャドーボックスを追加したいと考えています。シャドーボックスは HTML ページで動作していますが、ギャラリーから呼び出そうとしても応答しません!

この .js スクリプトは、画像ギャラリーに大きな画像を表示できるようにするために呼び出されます。

// shows the large image that is associated to the $item

var $loader  = $rgGallery.find('div.rg-loading').show();

$items.removeClass('selected');
$item.addClass('selected');

var $thumb    = $item.find('img'),
largesrc  = $thumb.data('large'),
title    = $thumb.data('description');

$('<img/>').load( function() {
  $rgGallery.find('div.rg-image').empty().append('<a href="' + largesrc + '" rel="shadowbox" ><img src="' + largesrc + '"/></a>');
  if( title )
    $rgGallery.find('div.rg-caption').show().children('p').empty().text( title );
  $loader.hide();
})

私は何をすべきか？