slider - 需要的缩略图块滚​​动/幻灯片/滑块

Question

我正在寻找缩略图块滚​​动/幻灯片显示/滑块这是示例http://safari.to/clients 如果有人可以提供帮助，我真的很感激 :) 谢谢

Answer 1

当您在任何网站上看到某些内容时，很容易检查并了解他们是如何做到的。

你提到的网站是使用他们自己的脚本而不是插件来做的

请参阅http://safari.to/assets/js/script.js中的以下代码。您还需要通过检查他们的 CSS 代码来了解他们如何设置滑块的样式

// Agencies slide
    var clients = Math.floor(Math.random() * 2) + 1;  // nth-child indices start at 1
    if ( clients == 1){
        $('.agencies.clients').hide();
    }
    else 
    {
        $('.brands.clients').hide();    
    }

    $('.agencies menu a').bind({
        click: function() 
        {
            if(sliding) return false;

            var pointer = $(this);
            var width = $('.agencies .scroller li').length * 137;
            var current = parseInt($('.agencies .scroller').css('left'));
            var distance = 0;

            if(pointer.is('.right-pointer'))
            {
                if(current == -1920) distance = current - 137;
                else distance = current - 960;
                if((width + current) < 960)
                    distance = current;
            }
            else 
            {
                distance = current + 1097;
                if(distance > 0)
                    distance = 0;
            }

            sliding = true;

            $('.scroller').animate({
                left: distance + 'px'
            }, 300,
            function() 
            {
                sliding = false;
            });
        }
    });