Gehört zu: Vektorgrafiken
Siehe auch: SWF, SVG
Benutzt: Grafiken aus GitHub
Meine Vektorgrafiken als SWF oder SVG
My older websites do use vector graphics in Shockwave format – originally produced by Feehand and converted from .fla to .swf
In the long run I am planning to convert .swf to a more open and modern format ( like .svg or html5 or ….)
At the moment I want to keep my older websites “alive”, so I need to know how to embed SWF-files in HTML and how to render them in the important Web Browsers (Mozilla Firefox,…)
My traditional website, that I want to keep “alive” is: http://www.kr8.de (original) resp. http://web.kr8.de (converted to bootstap).
Adobe Flashplayer
As I understood, I need Adobe Flashplayer as a plugin into my web browser in order to render my SWF graphics properly.
My favorite web browser is Mozilla Firefox. With Firefox version 43.04 I was unable to install the Adobes Flashplayer plugin.
With Mozilla Firefox 28.0 the installation of the Adobe Flash Plugin went well. To be exact: I installed Shockwave Flash 22.0.0.209 as a plugin to Mozilla Firefox 28.0.
Rendering SWF in HTML
My SWF files showed up perfectly on my HTML-Pages in Mozilla Firefox.
Example: http://web.kr8.de/ldap.html
This is the code I used for embedding the SWF into the HTML:
<object align=”left” classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0″ width=”294″ height=”126″>
<param name=”movie” value=”img/ldap.swf” />
<param name=”wmode” value=”transparent” />
<param name=”quality” value=”high” />
<embed quality=”high” pluginspage=”http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash” src=”img/ldap.swf” width=”294″ height=”126″ wmode=”transparent” />
</embed>
</object>
Potential Problems
- Use the right file path in the SRC parameter e.g. src=”img/ldap.swf”
- Use wmode=”transparent”
- Other Firefox-Plugins may interfere with the Shockwave Flash plugin, e.g. Shockwave Director or others…
Als SVG-Grafik geht es ganz einfach
Wenn wir statt Shockwave das SVG-Format nehmen, geht es einfacher, wobei wir SVG in der WordPress Media Library oder auch in GitHub speichen können:
Abbildung 1: LDAP-Schema (WordPress Media Library : ldap.svg)
Abbildung 2: LDAP-Schema (GitHub: ldap.svg)