Mootools The Wall + Slimbox

时间:2011-11-18 14:04:46

标签: hyperlink mootools slimbox

我正在使用wall.plasm.it并希望使用slimbox以全屏模式打开图像http://www.digitalia.be/software/slimbox

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

3 个答案:

答案 0 :(得分:0)

啊,所以你似乎必须做以下事情:

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

    您只需使用CallOnUpdate即可使用API

    直接启用项目上的slimbox

答案 1 :(得分:0)

我认为您需要使用事件委派 - 这就是我使用灯箱的方式。我在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);

           });

答案 2 :(得分:0)

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

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