Mootools The Wall + Slimbox

Question

我正在使用wall.plasm.it，想使用slimbox在全屏http://www.digitalia.be/software/slimbox中打开图像

但是，当我将slimbox脚本添加到我的网站并单击图像时，它只是打开图像并将我重定向到服务器上的图像，但不启动slimbox

Answer 1

啊，所以看起来你必须做一些类似于以下的事情：

1. 使用wall.setCallOnUpdate( myFunctionUpdate ); (this)更新所有新生成的图像，以便设置rel=lightbox属性。
2. 重新初始化slimbox.

-或者--

您可以通过API直接使用CallOnUpdate来启用项目上的slimbox

Answer 2

我认为你需要使用事件委派--这就是我使用lightbox的方法。我在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 3

添加一个"click“事件处理程序并使用getMovement函数。

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