Jquery 在Wordpress中结合Swinxyzoom插件和Fancybox

我试图实现的是在响应网站上的Fancybox lightbox中激活Swinxyzoom Wordpress插件（它使用jQuery允许用户放大图像的一部分）

与Swinxyzoom插件作者联系后，他提出以下建议：

要将SwinxyZoom与lightbox集成，您需要创建一些 灯箱完成后触发的自定义代码 显示其内容，例如在fancybox中，此事件为“onComplete”

此时，您需要使用 一个锚定标签指向大的完整图像，然后初始化 swinxyzoom为$（元素）.swinxyzoom（）

任何帮助都将不胜感激

---

我分别使用了上述两个插件的站点的测试页面是

根据您提供的信息，此代码应该可以实现以下功能：

<script type='text/javascript'>
jQuery.noConflict();
jQuery(document).ready(function ($) {
    jQuery('a.myfancybox').fancybox({
        'zoomSpeedIn': 500,
        'zoomSpeedOut': 500,
        'overlayShow': true,
        'overlayOpacity': 0.3,
        'onComplete': function () {
            $("#fancybox-img").wrap("<a class='myZoom' href='http://www.mcemcourses.org/wp-content/uploads/9-Orbital-floor-.jpg' />");
            $("a.myZoom").swinxyzoom({
                mode: 'lens' // or your preferred mode
            });
        }
    });
});
</script>

jQuery.noConflict（）；
jQuery（文档）.ready（函数（$）{
jQuery（'a.myfancybox'）.fancybox({
“zoomSpeedIn”：500，
“zoomSpeedOut”：500，
“叠加显示”：正确，
“产能过剩”：0.3，
“onComplete”：函数（）{
$（“#fancybox img”）.wrap("
感谢您的回复。请原谅我的无知，我是否可以将此javascript添加到mcemcourses.org/wp-content/plugins/nextgen-gallery-optimizer/fancybox/jquery.fancybox-1.3.4.js文件中的onComplete事件中？@Shaun：您不需要弄乱原始的fancybox js或css文件。您可以在已经存在的自定义scr中设置它ipt（您在页面的
部分中定义了
.myfancybox
选择器）。