Slider et popup avec Internet explorer 6

Version imprimable

18/12/2009, 19h13
xess91

Slider et popup avec Internet explorer 6

Bonjour à tous,

je viens chercher une solution à un problème dans l'espace javascript car la difficulté viens d'un script js.

Je m'explique, je réalise en ce moment un site avec un système de popup, un sytème de slider pour afficher des news à la chaine.

Donc avec la classique fonction setinterval(), et une incrémentation de la position. Mon problème est que lorsque que mes divs sont en déplacement, en cours d'execution Je n'ai pas le background qui s'affiche et le texte se trouvant dans la div semble avoir reçu un des fameux effets de photoshop, l'effet soufflerie en rafale.

Pour vous donner un exemple qui se trouve sur le site, un des membres à réalisé ce script: ici.

Ben pour moi mon script est nettement moin puissant mais produit aussi un effet de slide.

script testé sur ie tester!!!!

Avez vous une solution à me proposer ? Merci à tous pour vos réponses !:D
18/12/2009, 20h01
emmanuel.remy

Salut,

As tu testé avec plusieurs navigateurs ? As tu toujours le même comportement ?

ERE
18/12/2009, 21h44
xess91

Oui j'ai testé sur :

ie7
ie8
mozilla 3.5
opera
chrome
safari
le script fonctionne parfaitement sur tous.

Il y a que ie6 de problématique

Ha et bien dans ces conditions... quand on connait toute la qualité de IE6 on ne peut être que très surpris ;)

Essaie ce hack:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<!--[if lte IE 6]>
      <script type="text/javascript">
      //Fix IE6 background image flicker
      function fixIE6flicker(fix) {
      try {
      document.execCommand("BackgroundImageCache", false, fix);
       } catch(err) { }
       }
 
      window.onload = function() { fixIE6flicker(true); }
       </script>
<![endif]-->

ERE

19/12/2009, 08h29
xess91

Merci ERE pour ce hack peux-tu me donner quelques explications sur celui-ci:

surtout cette ligne : document.execCommand("BackgroundImageCache", false, fix);

Et aussi comment cette "fonction fonctionne" lol, car je ne vois pas d'argument qui cible une éventuelle image de fond.

Edit: Je viens de le tester à brut sans vraiment l'avoir bien compris ce hack, j'ai placé le commentaire conditionnel dans le head de ma page et ça n'a pas eu d'effet.
19/12/2009, 09h15
emmanuel.remy

Salut,

Désolé si cela n'a pas fonctionné mais je n'avais que ça en stock !
A priori tu rencontre un souci IE et tant que tu n'auras pas pu trouver la cause précise cela sera très difficile de diagnostiquer. Est ce lié au format de tes images (png ?), ou à javascript ou ...

Concernant le petit bout de code, la ligne

Code:

document.execCommand("BackgroundImageCache", false, fix);

appelle une fonction interne de IE pour gérer la mise en cache de l'image de fond dans la gestion des CSS (url(.... ) )

ERE
19/12/2009, 10h56
Bovino

Citation:

Envoyé par xess91

script testé sur ie tester!!!!

Il est fort probable que le problème vienne de là.
Si IETester est à peu près fiable pour les questions de rendu HTML/CSS, il ne faut pas lui en demander trop concernant les animations JavaScript.
21/12/2009, 10h01
xess91

Merci tout le monde pour vos réponses.

Comme dit ERE, c'est difficile de m'aider car j'ai pas ciblé la provenance du problème et c'est cela m'ennui, car je ne vois pas comment tester ou plutot quel element tester pour trouver la source du problème.

J'ai déjà commencé par faire valider mon xhtml et mon css qui ne presente pas de problème de norme W3C. Sinon effectivement je travail beaucoup avec des images ".png" mais dans mais slide elles n'ont pas de canal alpha.

Sinon il y a-t-il un moyen de tester son javascript comme pour xhtml et le css.

Et sinon si c'est bovino qui a raison et que le problème vient de IEtester. Comment puis-je faire pour tester sur une vrai plateforme IE6?

P.S. j'ai tester sur IEtester en version 6, le site de comment ça marche qui propose des pubs sous forme de slide et il ne présente pas les mêmes problèmes que moi.

Enfin si je sais, je désinstalle mon ie8 et j'installe un ie6. Mais est-ce possible de ce procurer un ie6 ?

En attendant je vais continuer mes investigations.8-)

Edit:

Alors j'ai fait un test j'ai viré tout le php de ma page pour lui donner l'extension ".html" au lieu de ".php" j'ai fait un test en local avec IEtester fenetre IE6 et ça marche nickel. Suite à ça j'ai mis le fichier ".html' en ligne sur un hebergement OVH et bizard les problèmes d'affichage sont présents.

Je ne comprends pas pourtant il s'agit exactement des deux memes fichiers un lancer depuis mon poste sous la forme de c:\lefichier\lapage.html et l'autre lancé sous la forme http://www.lesite.fr/lapage.html.

A l'aide svp:?
21/12/2009, 12h48
emmanuel.remy

Pour ce type de tests récurrents, une bonne solution est d'avoir un xp dans une machine virtuelle. Perso j'utilise virtualbox qui est parfait.

ERE
21/12/2009, 17h52
xess91

Bon ne trouvant de solution immédiate et ne sachant pas dire si le problème viens de mon script ou de IEtester j'ai tout simplement mis un commentaire conditionnel pour annuler l'affichage de mes slides.

@+ et merci à tous ceux qui sont intervenus.;)
21/12/2009, 18h02
emmanuel.remy

Citation:

Envoyé par xess91

Bon ne trouvant de solution immédiate et ne sachant pas dire si le problème viens de mon script ou de IEtester j'ai tout simplement mis un commentaire conditionnel pour annuler l'affichage de mes slides.

@+ et merci à tous ceux qui sont intervenus.;)

Belle application du noeud gordien...

ERE