jquery の負荷を使用して、ajax 経由でサムネイルを取り込みます。imgPreview pluginを使用して、トリミングされた親指にカーソルを合わせて、トリミングされていない小さなバージョンの画像を表示できるようにしたいと思います。クリックすると、フルサイズの画像がライトボックス ( fancybox ) に表示されます。
ライトボックスには、次のものがあります。
$("ul#plant_gallery li a").livequery( function(){
$(this).fancybox ({ 'overlayOpacity': 0.9, 'overlayColor': '#000', });
});
そして、ツールチップのトリミングされていない画像のホバーについては、次のようにしています。
$('ul#plant_gallery li a').live('mouseover', function()
{
if (!$(this).data('init'))
{
$(this).data('init', true);
$(this).imgPreview({imgCSS: { width: 200 }, srcAttr: 'rel'})
(
function()
{
},
function()
{
}
);
$(this).trigger('mouseover');
}
});
これら2つを1つに組み合わせるにはどうすればよいですか?jquery の live または livequery のどちらを使用する必要がありますか? ご協力いただきありがとうございます!