le diaporama de cycle jquery ne s'estompe pas dans IE - jquery, sifr, jquery-cycle, sifr3

C'est une folle collision entre Frankenstein, jquery cycle, sIFR3 et quelques autres choses - cela fonctionne très bien dans Chrome, Safari et Firefox, mais pas dans IE 7 ou 8 (bien sûr).

http://ianmartinphotography.com/test-site/testimonials/sifr-dual.html

Il y a deux diaporamas de cycle jquery ici réglés surdifférents taux - un pour le texte sIFR (pas de fondu) et un avec un fondu pour les photos. J'avais tout dans une série, mais cela a fait des choses bizarres au sIFR lorsque les diapositives ont disparu et sont effacées. (Notez que j'ai un petit délai défini pour que le sIFR se déclenche - le sIFR ne sera pas chargé après la première diapositive sans celle-ci.)

Toutes les idées sur la façon de faire fonctionner cette page "foutue" dans IE 7 & 8 ?? Je veux que les photos s’affichent en fondu à l’écran, le texte sIFR peut simplement être inséré et retiré sans décoloration. Merci!

Réponses:

J’ai constaté que les IE 7 et 8 ont de la difficulté à supprimer les divs qui les ont imbriqués.

IE7 semble mieux fonctionner (juste un peu) avec cet arrangement, IE8 ne fait que cliquer dessus sans transition.

Voici ma page de test mise à jour et simplifiée:

http://ianmartinphotography.com/test-site/testimonials/

Je le force en mode d'émulation IE7 et espère qu'IE9 sera plus facile à jade à se faner

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Je vais regarder mes données Google Analytics au cours des prochains mois et quand je suis convaincu que suffisamment de visiteurs utilisent IE9, je supprime ce méta-code. Je n'ai pas encore testé cette page dans IE9.

Safari et FF n’ont aucun problème avec cette page ensoit Windows ou Mac (les photos s'estompent, pas le texte qui est sIFR - ça me convient parfaitement.) Comme cette page fonctionne bien avec les navigateurs non-IE, je passe à autre chose et je ne m'inquiète pas pour IE car la page fonctionne avec IE, ce n’est tout simplement pas une expérience aussi agréable. J’aimerais toujours savoir comment faire en sorte que la transition s’affaiblisse dans IE.

J'ai eu un problème similaire et j'ai constaté que les éléments de la diapositive avaient besoin d'une largeur et d'une hauteur définies dans le CSS, sinon ils ne se sont pas estompés, mais ils sont devenus blanc flash.