Slidshow in XHTML 1.0 strict ?

1 Naima (Gast)

Hallo,

ich hoffe, hier kann mir jemand helfen, bevor ich ganz verzweifle.

Meine Website ist in HTML 4 geschrieben und ich habe einige selbsttätig ablaufende Slidshows eingefügt.

Mein derzeit entstehendes neues Design ist aber in XHTML 1.0 strict und akzeptiert die entsprechenden Codes nicht - sie erzeugen ungültiges xhtml...

Wie kann man trotzdem solche bewegten Bilder einfügen, oder muß ich nun ganz darauf verzichten?

Die in Frage kommenden Codes sind hier:

<embed bgcolor="ffffff" quality="high" src="http://w64.photobucket.com/widgets/BucketStrip.swf" type="application/x-shockwave-flash" align="middle" width="400" pluginspage="http://www.macromedia.com/go/getflashplayer" height="100" allowscriptaccess="sameDomain" name="BucketStrip" flashvars="url=http://w64.photobucket.com/albums/h190/wrunken/&amp;name=Mixed">
</embed>

und hier:

</font>

<p align="center">
<font color="#006699" face="Comic Sans MS" size="5"><object codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="600" height="186" align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" style="color:#006699;font-family:Comic Sans MS;font-size:5;" id="evitrine100">

<param value="sameDomain" style="color:#006699;font-family:Comic Sans MS;font-size:5;" name="allowScriptAccess" />
<param value="http://www.e-vitrine.de/evitrine100.swf?sid=wrunken&headline2=Meine ebay-Auktionen&headcol=0x000078" style="color:#006699;font-family:Comic Sans MS;font-size:5;" name="movie" />
<param value="high" style="color:#006699;font-family:Comic Sans MS;font-size:5;" name="quality" />
<param value="#dfdfdf" style="color:#006699;font-family:Comic Sans MS;font-size:5;" name="bgcolor" /><embed bgcolor="#dfdfdf" quality="high" src="http://www.e-vitrine.de/evitrine100.swf?sid=wrunken&headline2=Meine ebay-Auktionen&headcol=0x000078" type="application/x-shockwave-flash" align="middle" width="600" style="font-family:Comic Sans MS;color:#006699;font-size:5;" pluginspage="http://www.macromedia.com/go/getflashplayer" height="186" allowscriptaccess="sameDomain" name="evitrine100" /></object style="color:#006699;font-family:Comic Sans MS;font-size:5;">

<img width="1" height="1" src="http://www.e-vitrine.de/c.php" style="color:#006699;font-family:Comic Sans MS;font-size:5;" /></font>
</p>
<font color="#006699" face="Comic Sans MS" size="5">

Ich wäre euch echt dankbar - wie gesagt, ich bin am Verzweifeln...

Liebe Grüße,

Naima

P.S. Vorsicht, ich bin noch ein ziemlicher Anfänger...!

2 Jörg Kruse

Hallo Naima,

die Fehler, die ich mit einem Validator gefunden habe:

- Farbangaben im Hexadezimal-Code fangen mit einem # an: bgcolor="#ffffff"

- die Attribute allowscriptaccess und flashvars sind nicht erlaubt in embed und param

- das style Element ist nicht erlaubt in param

- in URLS müssen & als & maskiert sein: http://www.e-vitrine.de/evitrine100.swf?sid=wrunken&headline2=Meine ebay-Auktionen&headcol=0x000078

- ein schließendes Tag hat keine Attribute: </object>

Der korrigierte Code sähe so aus:

<embed bgcolor="#ffffff" quality="high" src="http://w64.photobucket.com/widgets/BucketStrip.swf" type="application/x-shockwave-flash" align="middle" width="400" pluginspage="http://www.macromedia.com/go/getflashplayer" height="100" name="BucketStrip">
</embed>

<p align="center">
<font color="#006699" face="Comic Sans MS" size="5"><object codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="600" height="186" align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" style="color:#006699;font-family:Comic Sans MS;font-size:5;" id="evitrine100">

<param value="sameDomain" name="allowScriptAccess" />
<param value="http://www.e-vitrine.de/evitrine100.swf?sid=wrunken&amp;headline2=Meine ebay-Auktionen&amp;headcol=0x000078" name="movie" />
<param value="high" name="quality" />
<param value="#dfdfdf" name="bgcolor" /><embed bgcolor="#dfdfdf" quality="high" src="http://www.e-vitrine.de/evitrine100.swf?sid=wrunken&amp;headline2=Meine ebay-Auktionen&amp;headcol=0x000078" type="application/x-shockwave-flash" align="middle" width="600" style="font-family:Comic Sans MS;color:#006699;font-size:5;" pluginspage="http://www.macromedia.com/go/getflashplayer" height="186" name="evitrine100" /></object>

<img width="1" height="1" src="http://www.e-vitrine.de/c.php" style="color:#006699;font-family:Comic Sans MS;font-size:5;" /></font>
</p>
<font color="#006699" face="Comic Sans MS" size="5">

Ob die Flash-Filme ohne die verbotenen Attribute noch wie gewünscht funktionieren, müsstest du noch austesten. Falls nicht, muss man noch nach standardkonformen Ersatz für die betreffenden Attribute suchen

P.S. Vorsicht, ich bin noch ein ziemlicher Anfänger...!

Wenn etwas unklar ist, einfach fragen ;)

3 Naima (Gast)

Hallo Jörg,

vielen Dank erstmal für die schnelle Reaktion !!!

der zweite "Flash-Film" funktioniert wie erwartet, der erste leider nicht, da ohne das

flashvars="url=http://w64.photobucket.com/albums/h190/wrunken/&amp;name=Mixed">

attribut ja kein Zugriff auf die erstellte Show möglich ist...

Gibt es eine Möglichkeit das in dem CSS-Dokument zu verpacken und aus dem XHTML-Ding darauf zurückzugreifen (*keineahnunghab*) ?

Vielen Dank auf jeden Fall erstmal, ich muß mal schauen, ob der "validator" es jetzt frisst... ;o)

Liebe Grüße,

Naima

4 Jörg Kruse

Ja, embed + Attribute verträgt sich wohl allgemein schlecht mit XHTML :/

Ich habe zwei Lösungswege hierzu gefunden:

1. die Flash Satay Methode - dafür gibt es auch eine deutsche Übersetzung

2. mit JavaScript:
Web standards compliant Javascript Flash detect and embed

Ich würde vielleicht die erstgenannte Methode ausprobieren und schauen wie weit du mit der Anleitung kommst - und wenn du nicht weiterweißt, fragst du hier nach :)

5 Naima (Gast)

Hallo Jörg,

zu später Stunde noch eine kurze Rückmeldung - mit Methode 1. hat´s erstmal soweit funktioniert. Zumindest im Avant Browser und im Firefox wird es angezeigt und der Code ist auch validiert. Es ist zwar keine so gute Qualität wie vorher, aber das ist ok.

Die zweite Methode schau ich mir dann mal an, wenn ich etwas mehr Erfahrung habe...

1000 Dank auf jeden Fall !!!

Liebe Grüße,

Naima

nach oben

Slidshow in XHTML 1.0 strict ?

Beitrag schreiben (als Gast)