Problèmes fonctionnels #116
Bug - Carrousel en fondu enchaîné - PMB 4.2
100%
Description
La version 4.2 de PMB contient un bug dans l'affichage des carrousels.
Ce bug n'existait pas en PMB 4.0 ni en PMB 4.1, il est apparu lors du passage à PMB 4.2.1, et n'a pas encore été résolu depuis.
Je viens de tester PMB 4.2.6, et le problème persiste.
Pas de souci pour un carrousel en défilement horizontal ou vertical, ni pour le type responsive, le bug concerne uniquement les carrousels en fondu enchaîné.
Le passage du 1er au 2e élément se passe normalement, mais à partir du changement suivant, il n'y a plus d'effacement intermédiaire, donc tout (texte - image) finit par se superposer et devient indéchiffrable.
J'avais constaté le bug au départ pour le carrousel d'articles (visible en page d'accueil de la démo), je me suis donc demandé si ce problème concernait d'autres carrousels. C'est pourquoi j'ai créé une page supplémentaire, où j'ai mis 2 carrousels de notices : un à partir du module liste de notices, l'autre à partir du module carrousel.
C'est ainsi que j'ai pu constater que ce problème concerne tous les carrousels (articles - notices), dès qu'on demande un affichage en fondu enchaîné.
Merci de votre aide.
Anne-Marie Cubat
Historique
#1 Mis à jour par Alexandre Boucher il y a presque 9 ans
- Statut changé de Proposé à Résolue
- Assigné à mis à Alexandre Boucher
- Version cible mis à V4.2
- % réalisé changé de 0 à 100
Le problème vient du fait que la fonction jQuery.browser n'est plus supportée depuis la version 1.9 de jQuery.
Dans le fichier jquery.bxSlider.min.js cette fonction est utilisée à la ligne 83 : if(jQuery.browser.msie){$children.eq(currentSlide).get(0).style.removeAttribute('filter');}
Cette partie de code existe pour éviter un problème de transition avec IE8, cela n'est plus nécessaire à partir d'IE9. La suppression de cette partie de code règle donc le problème.
Cela fonctionne de nouveau parfaitement, sauf sur IE8 où on peut avoir une légère perte de qualité de l'affichage du texte mais seulement si on utilise ce type de transition.
Vu le taux d'utilisation d'IE8 désormais cela ne devrait pas être un problème et pourquoi s'embêter pour un navigateur si vieux et plus maintenu ! :)
On peut régler ce léger soucis si le support d'IE8 est souhaité pour cette transition en imposant un background-color au carrousel. On peut facilement le faire dans la partie CSS associée du carrousel, par exemple : #carousel_cms_module_articleslist_21 li{background-color: #ffffff;}