Question

您可以使用tosRus灯箱脚本为灯箱添加“播放”按钮吗？

我在这里创建了一个jsbin概念jsbin lightbox

tosRus js ligthbox支持自动播放（链接到tosrus tosRus js，它可能是配置选项。

我要做的是在灯箱出现时点击播放按钮/链接并点击它应该触发自动播放选项

所以我想为play功能做这样的事情：

$('.play').on('click',function() {

    $('#xmpl3').tosrus({
        autoplay: {
            play: true
        }
    });

});

按钮代码如下：

<button class="play">Play</button>

它可以在jsbin中看到，但播放按钮只应在灯箱弹出时显示。你怎么能这样做？

Answer 1

我将播放按钮放在标题中。您可以通过替换以下选择器$('.tos-caption')将其放置在模式中的位置。

var tos = $('#xmpl3 a').tosrus({
    buttons: false,
    caption: {
        add: true
    },
    pagination: {
        add: true,
        type: 'thumbnails'
    },
    slides: {
        scale: 'fill'
    }

});

tos.bind("opening.tos", function( event ) {
    console.log('open');
    $('.tos-caption').append("<button class='play'>Play</button>");
    $('.play').on('click',function() {
        $('#xmpl3').tosrus({
            autoplay: {
                play: true
            }
        });
    });
});

http://output.jsbin.com/wawuxo/3/

将“播放”按钮添加到tosRus灯箱弹出

1 个答案: