safari erkennt slide show nicht an

[bibifellow]

Ich habe folgende Slide Show

<div id="galery">
       
<style type="text/css">


#window{
  position:relative;
  width:885px;
  height:198px;
  margin:50px auto;
  overflow:hidden;
  
}

#all{
  -webkit-animation:slide10 40s ease-in-out infinite;
  -moz-animation:slide10 40s ease-in-out infinite;
  -ms-animation:slide10 40s ease-in-out infinite;
  -o-animation:slide10 40s ease-in-out infinite;
  animation:slide10 40s ease-in-out infinite;
  width:5310px;    
  height:300px;
  background:#444;
}

#window:hover #all{
-webkit-animation-play-state:paused;
-moz-animation-play-state:paused;
-ms-animation-play-state:paused;
-o-animation-play-state:paused;
animation-play-state:paused;
}

#window:hover:after{
content:"▌▌";
position:absolute;
right:5px;
top:5px;
opacity:.6;
color:#bbb;
}

#all span{
  display:block;
  float:left;
  width:885px;
  height:198px;
}

#all span.ls img{
  display:block;
  width:885px;
  height:198px;
}

#all span.pt img{
  display:block;
  margin:0 auto;
  height:300px;
}
@-moz-keyframes slide10
{
0%   {margin-left:0px;}
9%   {margin-left:0px;}
18%  {margin-left:-885px;}
27%  {margin-left:-885px;}
36%  {margin-left:-1770px;}
42%  {margin-left:-1770px;} 
51%  {margin-left:-2655px;}
60%  {margin-left:-2655px;}  
69%  {margin-left:-3540px;}
78%  {margin-left:-3540px;}  
87%  {margin-left:-4425px;} 
94%  {margin-left:-4425px;} 
100%  {margin-left:-5310px;} 






</style>


<div id="window">
<div id="all">
<span class="ls"><img src="balken/balken11.jpg" alt=""></span>
<span class="ls"><img src="balken/balkenstart2-1.jpg" alt=""></span>
<span class="pt"><img src="balken/balken-start3.jpg" alt=""></span>
<span class="ls"><img src="balken/balken4neu.jpg" alt=""></span>
<span class="ls"><img src="balken/balken5.jpg" alt=""></span>
<span class="ls"><img src="balken/balken-7.jpg" alt=""></span>
<span class="ls"><img src="balken/balken1.jpg" alt=""></span>
</div>
</div>

Bei firefox läuft alles top. Bei safari wird das erste Bild gezeigt und dann passiert gar nichts mehr. Kann Safari mit den Befehlen nichts anfangen.

 

[Raphale]

AW: safari erkennt slide show nicht an

Hi bibifellow,

versuch mal die @Keyframes mit allen prefixen (@-webkit-keyframes,@-moz....,@-o-keyframes) noch hinzuzufügen ergibt zwar viel code, ist aber denke ich erforderlich! lg Raphaele

 

[cythux]

AW: safari erkennt slide show nicht an

Falls der obige Tipp nicht funktioniert, kannst du es hiermit ja mal probieren.

Bitte kostenlos registrieren, damit du die Links siehst.

Da ich aus deinem Post leider nicht erkennen kann welchen doctype du benutzt, kann ich dir leider keinen besseren tipp geben