looping a Jquiry Slider transition from last to first

See more:

jQuery

image

jQuery-UI

I have got a jQuey Slider that horizontally moves the image automatically , how ever it shows a blank image after sliding the last item, how can i move it from last back to the first .

<script type="text/javascript">
 $(document).ready( function(){
        var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
                        next:$('#lofslidecontent45 .lof-next') };

        $obj = $('#lofslidecontent45').lofJSidernews( { interval :4000,
                                                direction       : 'opacitys',
                                                easing          : 'easeInOutExpo',
                                                duration        : 200,
                                                auto            : true,
                                                maxItemDisplay  : 4,
                                                navPosition     : 'horizontal', // horizontal
                                                navigatorHeight : 32,
                                                navigatorWidth  : 80,
                                                mainWidth:940,
                                                buttons         : buttons} );
    });
</script>