【问题标题】:Limited access Galleria有限访问Galleria
【发布时间】:2014-04-10 11:11:42
【问题描述】:

我目前正在使用 Galleria js Slider。

当用户尝试查看幻灯片图像时,我需要回调事件 6>

我想阻止用户查看幻灯片 6 及以上,并在他单击 6> 缩略图或向前箭头时显示一个弹出窗口。

为我糟糕的英语道歉。

谁能帮忙。提前致谢。


我试过了

    var gallery = Galleria.get(0);

    gallery.bind("loadfinish", function(e) {
        if (e.index > 5) {
            myCallback();

            return false; // Here I need to prevent image showing
        }            
    });

解决方案:

    var selector = '#galleria-1';
    Galleria.run(selector);

    $(selector).data('galleria').bind('loadfinish', function(e) {
            if(e.index > 4) { // > the fifth image
                $(selector +' .galleria-image img').css('opacity', 0);
                this.show( 0 );

                myCallback();
            }
    })

【问题讨论】:

  • “我是……我需要……我想要”所以现在就做:) 说真的,请发布您尝试过的内容
  • 我已经发布了我的尝试

标签: javascript jquery galleria


【解决方案1】:

尝试类似:

Galleria.on('loadstart', function(e) {
    if(e.index == 5) {
        alert('6th image!');
    }
})

http://galleria.io/docs/api/events/#loadstart

【讨论】:

  • 谢谢。这对回调有好处。我尝试在此回调中使用“event.stopImmediatePropagation()”来阻止图像加载,但它不起作用。
  • 如果我在单个页面上有多个画廊,我可以通过选择器或类似的方式获取画廊对象: var galleryObject = Galleria.run('#galleria-1');我发现只有 var gallery = Galleria.get(0);
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-08-07
  • 1970-01-01
  • 1970-01-01
  • 2012-02-01
  • 1970-01-01
相关资源
最近更新 更多