Можно ли открыть Fancybox с пользовательским событием в mootools

Question

У меня есть пользовательское событие mootools ниже, можно ли открыть URL-адрес изображения в Fancybox (jQuery)? ::: И если это возможно, есть идеи, как это сделать :::

events: {
    click: function() {
        var tubeObject = this.getParent().retrieve("tubeObject");
        var tubeObject = this.getParent().retrieve("tubeObject")
        var fullurl = tubeObject.full;

            milkbox.openWithFile({ 
                href:'http://localhost/square/wp-content/uploads/2011/10/34.jpg', 
                title:''+fullurl+''
            });
    }

Скажем, я бы хотел "вызвать" HTML как пример ниже вместо milkbox.openWithFile :::

html: "<a class='fancybox' rel='fancybox' href='http://localhost/images/test.jpg' >View Image</a>"

Answer 1

Это не решает мой первоначальный вопрос, но все еще может представлять интерес

Я не думал, что это будет легким решением, учитывая отсутствие javascript (moo & j) ::: Единственный другой вариант - использовать плагин "moootools" и интегрировать его в остальную часть темы wP. ::: Я удалил плагин milkbox и заменил его на «imagezoom»

Я заменил это :::

milkbox.openWithFile({ 
    href:'http://localhost/square/wp-content/uploads/2011/10/34.jpg', 
    title:''+fullurl+''
});

С этим битом кода :::

//http://bertramakers.com/moolabs/imagezoom.php
var imagezoom = new Imagezoom({
    image: fullurl,
    x: ydcoza_imagezoom_x, //custom global variables
    y: ydcoza_imagezoom_y,
    rel: ydcoza_lightbox
});
imagezoom.show();

Затем я создал пару переменных в своем файле functions.php для конфигурации X & Y :::

Я также вставил это в свой файл пользовательских скриптов (.js), чтобы установить rel = lightbox для всех ссылок на изображения :::

/***************************************************
        Add rel:'lightbox' to image links
 ***************************************************/
jQuery("a[rel!='ignore']").each(function() {
    this.rel += 'lightbox';
});

Я благодарю @Dimitar за его попытки решить эту проблему, его код, хотя и не работает для меня, заставил меня задуматься над вышеупомянутым решением :::

Answer 2

глядя на API, пример идет:

    $.fancybox({
        //'orig'            : $(this),
        'padding'       : 0,
        'href'          : 'http://farm3.static.flickr.com/2687/4220681515_cc4f42d6b9.jpg',
        'title'         : 'Lorem ipsum dolor sit amet',
        'transitionIn'  : 'elastic',
        'transitionOut' : 'elastic'
    });

чтобы вы могли попробовать:

    jQuery.fancybox({
        'orig'          : jQuery(this), // pass on the el
        'padding'       : 0,
        'href'          : this.get("href"), // get url
        'title'         : this.get("title") || "",
        'transitionIn'  : 'elastic',
        'transitionOut' : 'elastic'
    });