Flexible Flash
Seitdem unsere Website online ist, erreichten uns diverse Anfragen, wie das denn mit der automatischen Größenanpassung des mittleren Flashteils an den Schriftgrad gelöst wurde.
Der Schlüssel liegt in der Nutzung relativer Maßeinheiten, in unserem Fall »em«, und der zweiten Größenfestlegung im Stylesheet.
Vereinfacht dargestellt haben wir mit folgendem Code unser Flashobjekt eingebunden:
<object class="fla" type="application/x-shockwave-flash" data="welcome.swf" width="648" height="230">
<param name="movie" value="welcome.swf" />
<param name="quality" value="high" />
<param name="menu" value="true" />
<param name="bgcolor" value="#ffffff" />
</object>Die Angaben im CSS sehen so aus:
.fla {
height: 14.375em;
width: 40.5em;
display: block;
}Die ungeraden em-Werte entstehen durch die Umrechnung von Pixel in em. 1em ist die Standardschriftgröße des Browsers, die bei dem überwiegenden Teil 16px beträgt. 648 geteilt durch 16 ergibt also 40.5em.
Wird nun durch den Benutzer die Schriftgröße geändert, sei es durch unseren Wähler in der rechten oberen Ecke oder durch die Browsereinstellungen, ändern sich gleichzeitig auch alle relativ bemaßten Objekte auf der Seite. Das funktioniert genauso mit normalen Bildern, obwohl diese dann recht verunstaltet werden und pixelig aussehen. Flash hat neben seiner dynamischen Möglichkeiten zudem noch den Vorteil, dass Pixelbilder beim Skalieren geglättet werden.
Mit Hilfe dieser Technik ist es möglich, nicht nur Texte sondern auch Grafiken für sehbehinderte Menschen in les- und sichtbarer Größe darzustellen.
Torsten Baldes
10 Gründe, Webstandards zu lernen und anzuwenden (07.12.2005)