carouFredSel - set visible amount to actual amount of images - and still scroll?

Question

I'm working with this scroller

http://coolcarousels.frebsite.nl/c/2/

I have this setup below.

My issue is I have it set to visible: 4 and I have 4 images, so it doesn't scroll. If I set it to visible: 3 then it works as expected. But I want to show all 4 images in one screen when you open the browser full width on a 1920px wide resolution. So the issue seems to be. If I set visible to the amount of images I have then it stops working.

Is there a way to have all 4 images on screen at one time then still scroll through them?

$(function() {
    $('#carousel').carouFredSel({

        width: '100%',  
        align: 'left',

        items: {
            visible: 4,
            start: 0,


        },
        scroll: {
            items: 1,
            queue           : true,
            fx: "scroll",
            easing: "swing",
            duration: 1000,
            timeoutDuration: 3000
        },

        prev: '.prev',
        next: '.next',


        auto: {
            easing: "quadratic",
            button: '.play',

            pauseOnEvent: 'resume',
                pauseOnHover: true
        }

    }).find(".slide .plusNav").hover(
              function() { $(this).find("div").slideDown(); },
              function() { $(this).find("div").slideUp();   }
    );
});

Answer 1

try this

items: {
    minimum: 0,
},