Edit : pas testé, mais voir pour utiliser l’option adaptiveHeight de bxSlider.
Problème : Les slides n’ont pas la même hauteur et s’empilent au lieu de s’afficher côte à côte.
Update : une solution un peu plus propre (sans utiliser javaScript) :
1 2 3 4 5 6 7 8 9 |
.wfslider { white-space: nowrap; font-size: 0; } .wfslider > li { display: inline-block; vertical-align: top; float: none!important; } |
Solution : appliquer la valeur de la hauteur définie pour l’élément qui possède la classe .bx-viewport
à chaque élément slide (des éléments li
dans notre exemple).
1 2 3 4 5 6 7 |
function setEqualHeight(){ jQuery('.bx-viewport').each(function(){ var getSlideHeight = jQuery(this)[0].style.height; jQuery(this).find('[style*="float"]').css('height', getSlideHeight); }); } setTimeout(setEqualHeight, 4000); |