Biblioteka jquery/caroufredsel nie wyświetla obrazów w sliderze

Witam

Stworzyłem slider w jquery z biblioteki o nazwie caroufredsel.
Po ostylowaniu go w css i wczytaniu zdjęć nie chce ich kolejkować oraz wyświetlać.
Slider jest duży o wymiarach 940x400px, wyśrodkowany, nie zawiera tekstu.

html

 <section id="slider">
            <div class="tlo_headera">
                <div class="center">
                    
                    <div class="item">

                        <div class="item">
                            <img src="img/bn1.jpg">
                        </div>

                        <div class="item">
                            <img src="img/bn2.jpg">
                        </div>

                       <div class="item">
                            <img src="img/bn3.jpg">
                        </div>

                        <div class="item">
                            <img src="img/bn4.jpg">
                        </div>
                    </div>

                    <div class="zmiana_slajdow">
                        <ul>
                            <li><a href="#">1</a></li>
                            <li class="aktywna"><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                        </ul>
                    </div>
                </div>
            </div>
</section>            

$(document).ready(function(){
    
    $('#slider .obrazek').carouFredSel({
        scroll: { 
            items: 1,
            fx: 'fade'
        },
        pagination: {
            container: $('#slider .paginacja ul'),
            anchorBuilder: function(nr){
                return '<li><a href="#">'+nr+'</a></li>';
            }
        }
    });
});