Project

General

Profile

Problèmes fonctionnels #116

Bug - Carrousel en fondu enchaîné - PMB 4.2

Added by Anne-Marie Cubat almost 5 years ago. Updated over 4 years ago.

Status:
Résolue
Priority:
Blocant
Category:
-
Target version:
Start date:
12/16/2015
Due date:
% Done:

100%

Estimated time:

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

probleme-carrousel-fondu.jpg (69.4 KB) probleme-carrousel-fondu.jpg Anne-Marie Cubat, 12/16/2015 01:32 PM

History

#1 Updated by Alexandre Boucher over 4 years ago

  • Status changed from Proposé to Résolue
  • Assignee set to Alexandre Boucher
  • Target version set to V4.2
  • % Done changed from 0 to 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;}

Also available in: Atom PDF