bx slider: come disabilitare la presentazione quando è presente solo un'immagine

Question

Sto usando bxslider per creare una presentazione delle mie immagini. Le immagini si stanno aggiornando dinamicamente. Il mio problema è il lavoro di dissolvenza in apertura e chiusura, anche se è presente solo un'immagine. Come posso fermarlo ?

opzioni bxslider sono

var coverSlider = $('.bxslider').bxSlider({ 
     auto: true, 
     minSlides: 1, 
     maxSlides: 1, 
     pager: false, 
     speed: 500, 
     pause: 3000, 
     autoHover: true, 
     mode: 'fade', 
     controls: false 
    }) 

Sto usando il metodo di ricarica per aggiornare il dispositivo di scorrimento quando una nuova immagine è aggiunge o rimuove

coverSlider.reloadSlider(); 

Answer 1

Si dovrebbe controllare il numero di immagini prima di ricaricare e utilizzare destroySlider() metodo se c'è solo 1 immagine.

// Get the quantity of images (add your code if you want an example) 
var numberOfImages = ...; 

if (numberOfImages > 1) { 
    coverSlider.reloadSlider(); 
} else { 
    coverSlider.destroySlider(); 
} 

Answer 2

Prova

var numImgs = $('div.myClassName img').length; 
if(numImgs>1) 
{ 
\\Do your bxslider reload here 
} 

Invece è possibile utilizzare Anche il selettore di Jquery è sotto

jQuery(".image").Length 

Spero che questo aiuti ...

Clicca qui per leggere su selettori Click

Answer 3

var numImgs = $('div.bxslider img').length; 
if (numImgs > 1) { 
    $('.bxslider ').bxSlider({ 
     controls: true, 
     ... 
    }); 
} 

Answer 4

questo mi aiuta:

$(document).ready(function(){ 
    $('.bxslider').bxSlider({ 
    mode: 'fade', 
    auto: ($(".bxslider li").length > 1) ? true: false, 
    pager: ($(".bxslider li").length > 1) ? true: false, 
    controls: false 
    }); 
}); 

Answer 5

Questa soluzione funziona per me cambiamento auto: true per

auto: ($('#slidername').children().length < 2) ? false : true  

Grazie alla https://github.com/stevenwanderski/bxslider-4/issues/607