Problème : Le slider ne s’affiche pas correctement (voir, pas du tout !!!) jusqu’à ce que je redimensionne la fenêtre du navigateur.
Solution : Délayer l’affichage du slider avec la méthode jQuery setTimeout
en encapsulant ce premier dans une fonction :
1 2 3 4 5 6 7 8 9 10 11 |
function fbSlider(){ jQuery('.wfslider').bxSlider4({ slideWidth: 350, minSlides: 1, maxSlides: 2, moveSlides: 1, slideMargin: 30, controls: false, }); } setTimeout(fbSlider, 2000); |
Autre méthode (moins felxible): si les slides ont toutes systématiquement la même hauteur, pas besoin de JS. On peut également appliquer via CSS :
1 |
.bx-wrapper .bx-viewport{ height: auto !important; } |