灯箱 - 下一个和上一个按钮

时间:2016-04-28 13:02:46

标签: javascript jquery css lightbox

所以我正在使用这个灯箱,我需要放下Next和Previous按钮,但我不知道如何。如果有人可以帮助我...

 $(document).ready(function () {
        $('.lightbox').click(function () {
          // Get all following .box and .background until next .lightbox is met.
          // So we can get the related contents.
          var $targets = $(this).nextUntil('.lightbox', '.box, .background');
            $targets.animate({
                'opacity': '.50'
            }, 500, 'linear')

            $targets.filter('.box').animate({
                'opacity': '1.00'
            }, 500, 'linear');

            $targets.css('display', 'block');
        });

        $('.close').click(function () {
            $('.background, .box').animate({
                'opacity': '0'
            }, 500, 'linear', function () {
                $('.background, .box').css('display', 'none');
            });;
        });

        $('.background').click(function () {
            $('.background, .box').animate({
                'opacity': '0'
            }, 500, 'linear', function () {
                $('.background, .box').css('display', 'none');
            });;
        });
    });

这里> https://jsfiddle.net/cuummyhx/

0 个答案:

没有答案