animierte Diashow

[Robert B.]

Hallo zusammen,

eine SVG-Animation habe ich nun auch hinbekommen, allerdings sind in meinem Firefox Bild und Text nicht ganz synchron: Das erste Bild wird statt 5 ca. 7 Sekunden angezeigt, während der Text entsprechend der Spezifikation ein- und ausgeblendet wird. Weiß jemand, woran das liegen kann?

Hier der SVG-Ansatz:

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">  
<svg version="1.1" width="10cm" height="10cm" viewBox="0 0 512 512"  
	xmlns="http://www.w3.org/2000/svg"  
	xmlns:xlink="http://www.w3.org/1999/xlink">  
	<title>LEED-Show mit SVG</title>  
	<style type="text/css"><![CDATA[  
	#caption text {  
		visibility: hidden;  
		fill: #ffffff;  
	}  
	]]></style>  
  
	<image x="0" y="0" width="512" height="512" xlink:href="010eV.png">  
		<animate attributeName="xlink:href" attributeType="XML" begin="5s" dur="5s" from="010eV.png" to="050eV.png" fill="freeze"/>  
		<animate attributeName="xlink:href" attributeType="XML" begin="10s" dur="5s" from="050eV.png" to="100eV.png" fill="freeze"/>  
	</image>  
	<g transform="translate(5,500)" id="caption">  
		<text id="t010" style="visibility:visible" x="0" y="0">10 eV  
			<set attributeName="visibility" attributeType="CSS" from="visible" to="hidden" begin="5s"/>  
		</text>  
		<text id="t050" x="0" y="0">50 eV  
			<set attributeName="visibility" attributeType="CSS" from="hidden" to="visible" begin="5s" dur="5s"/>  
		</text>  
		<text id="t100" x="0" y="0">100 eV  
			<set attributeName="visibility" attributeType="CSS" from="hidden" to="visible" begin="10s"/>  
		</text>  
  
	</g>  
</svg>

D.h. ich könnte tatsächlich zumindest per Script eine SMIL-Datei erzeugen und die nach Bedarf in LaTeX und SVG XSL-transformieren.

Viele Grüße,
Robert