Mootools The Wall + Slimbox

Question

Я использую wall.plasm.it и хотел бы использовать slimbox для открытия изображений в полноэкранном режиме http://www.digitalia.be/software/slimbox

Но когда я добавляю скрипт slimbox на свой веб-сайт и нажимаю на изображение, он просто открывает изображение и перенаправляет меня на изображение на сервере, но не запускает slimbox

Answer 1

Я думаю, что вам нужно использовать делегирование событий - так я работал над лайтбоксом.Я вызвал это после метода initWall (), а также changeOnUpdate (), чтобы новые события были добавлены.

var boundClicker;   


          $$('div.tile a').each(function(button) {


              var linkDest = button.get('href');
              var title = button.get('data-title');
              var type = button.get('rel');

              var clicker = function(event)
              {
                  event.stop();
                  Mediabox.open(linkDest, title, '470 290');
              };
              boundClicker = clicker.bind(button);
              button.addEvent('click', boundClicker);

           });

Answer 2

Добавьте обработчик события «click» и используйте функцию getMovement.

items.each(function(item) {
item.addEvent("click",function(e){
if( wall.getMovement() ){
    e.stop();
    }
    else {
            Mediabox.open(...);
    }
}); }

Answer 3

Ах, похоже, вам нужно сделать что-то вроде следующего:

1. Используйте wall.setCallOnUpdate( myFunctionUpdate ); ( this ), чтобы обновить все вновь созданные изображения, чтобы у них был установлен атрибут rel = lightbox.
2. Реинициализировать слимбокс.

- ИЛИ -

Вы можете просто использовать CallOnUpdate для непосредственного включения slimbox на предметах, используя API