BXSlider full view loop

Good point. Found a similar issue on BXslider GitHub project. Maybe the answer will help you...

• Fade mode when only 1 image in slider and 1 image showing at a time

Yes and also thumbnails have no meaning if there is only one picture.

I tried your link but somehow I didn't manage to do it.

I was also trying with this but auto and pager are from first values always

<script type="text/javascript">
    jQuery(document).ready(function(){
        var slider = '#galleria<?php echo $key?>';
        if(jQuery(slider).length <= 1) {
            jQuery(slider).bxSlider({
                mode: 'fade',
                auto: false,
                autoControls: false,
                adaptiveHeight: false,
                pagerCustom: '#bx-pager<?php echo $this->id; ?>',
                captions: true,
                pager: false
            });
        } else {
            jQuery(slider).bxSlider({
                mode: 'fade',
                auto: true,
                autoControls: false,
                adaptiveHeight: true,
                pagerCustom: '#bx-pager<?php echo $this->id; ?>',
                captions: true,
                pager: true
            });
        }
    });
</script>

Added changes to next version acording your example.

Sergey Added changes to next version acording your example.

No Sergey, this code is not working for me!!! I don't know what's the problem. But the idea was to remove pager and auto scroll if image is only 1.

This now works but pager still shows a little bit but I think is css issue. Please test first.

<script type="text/javascript">
    if(jQuery('#galleria<?php echo $key?> .slide').length <= 1) {
        jQuery('#galleria<?php echo $key?>').bxSlider({
            mode: 'fade',
            auto: false,
            autoControls: false,
            adaptiveHeight: false,
            pagerCustom: '#bx-pager<?php echo $this->id; ?>',
            captions: true,
            pager: false
        });
    } else {
        jQuery('#galleria<?php echo $key?>').bxSlider({
            mode: 'fade',
            auto: true,
            autoControls: false,
            adaptiveHeight: true,
            pagerCustom: '#bx-pager<?php echo $this->id; ?>',
            captions: true,
            pager: true
        });
    }
</script>

New problem. I'm using bxslider in bootstrap tabs and with upper code this tabs are not working.

I added changes. Pager is not there if there is only one image.

Can you also please remove the loop if one image?

You mean auto: true,?

Yes, I think is this parameter.

Ok. DOne.

What problem?

Or yes. I m ssed echo. Should be:

<?php echo count($this->value) > 1 ? 'true' : 'false'; ?>