Vimeo Diashow mit Zyklus - Miniaturansichten nicht das zweite Mal in IE

Question

Ich habe eine Vimeo -Diashow im Zyklus erstellt -aber es gibt ein Problem.

Im Internet Explorer werden die Miniaturansichten im zweiten Lauf nicht durch das Video angezeigt. Ich habe eine Geige eingerichtet - lassen Sie es einmal durchspielen - beim zweiten Mal zeigen die Bilder keine Ideen?

Unnötig zu erwähnen, dass es in Firefox und Chrom funktioniert ...

http://jsfiddle.net/zander/3hdpq/6/

--------bearbeiten-------

Nachdem ich ein bisschen herumgegraben habe, denke ich, dass es etwas mit dem Display zu tun hat: Klasse - sowohl Zyklus als auch Vimeo sind Changin -Display -Klassen - ich frage mich, ob der Zyklus eine Anzeigeklasse auf keine ändert, dass es dann nicht zurückreichen kann.

Ich weiß, das ist ein bisschen ein Streifen - aber es ist eher eine Ahnung als tatsächliche Daten!

Answer 1

Es scheint, dass es einige Möglichkeiten gibt, dieses Problem zu reproduzieren, indem sie die Eltern eines SWF animieren (siehe Diese jsfiddle). Ich vermute, dass dies etwas mit der Art und Weise zu tun hat, wie der Vimeo -Spieler den Hintergrund des SWF in Bezug auf die Art und Weise, wie der Internet -Explorer die Jquery CSS -Animation der Vorfahren des SWF vermittelt, dem Flash -Player verändert. Angesichts dessen weiß ich nicht, was Sie tun können, außer das Problem an Vimeo zu melden und zu sehen, ob sie einen Lösung in ihrem Spielercode ausarbeiten können.

BEARBEITEN:

Ich konnte den gleichen Effekt wie der integrierte Fade -Übergang erzielen, ohne das Problem mit dem Vimeo -Player zu verursachen, indem ich die benutzerdefinierten FX -Optionen des Cycle -Plugins verwendete und angibt Überleitung. Hier ist der Code, sehen Sie dies jsfiddle Für ein funktionierendes Beispiel:

$('.slideshow').cycle({
     fx:'custom', 
     cssBefore:{    
         display: 'block' 
     }, 
     animIn: {  
         opacity:1 
     }, 
     animOut: {  
         opacity:0
     }, 
     cssAfter:{
         display:'block'
     },
     delay: 1000
});