Validierungsproblem: Proprietäres Attribut zu Element <img>

[Susanne Hugo]

Hi,

ich binde mit Photoshop erstellte Smartobjects in meine Seite ein.

Das funktioniert auch prima.

<img src="rosebud.gif" alt="a picture of a yellow rosebud" height="24" width="20" livesrc="../../web-data/SmartObjects/rosebud.psd" />

Beim validieren erhalte ich die Warnung:
Element <img> hat proprietäres Attribut "livesrc".

Wie kann ich aus dem proprietären Attribut ein valides machen?

Kann mir da jemand weiterhelfen?

Schönen Sonntag noch.

Susanne

[Der Martin]

Hallo,

<img src="rosebud.gif" alt="a picture of a yellow rosebud" height="24" width="20" livesrc="../../web-data/SmartObjects/rosebud.psd" />
Beim validieren erhalte ich die Warnung:
Element <img> hat proprietäres Attribut "livesrc".

eigentlich sogar: There is no attribute 'livesrc'.

Wie kann ich aus dem proprietären Attribut ein valides machen?

Durch Weglassen.
Was soll dieses Attribut überhaupt aussagen?

So long,
 Martin

[Susanne Hugo]

Hallo, Martin,

Was soll dieses Attribut überhaupt aussagen?

"livesrc" ist der programminterne Quellenlink zum Smartobject. Aus dem Smartobject wird das gif.bild generiert, das im browser angezeigt wird.

Lasse ich diesen internen link weg, funktioniert das Smartobject nicht mehr.

Gruß

Susanne

[Hopsel]

Hi Susanne!

Lasse ich diesen internen link weg, funktioniert das Smartobject nicht mehr.

Was ist ein Smartobject und was kann mein Firefox damit anfangen?

MfG H☼psel

[Susanne Hugo]

Hi Susanne!

Lasse ich diesen internen link weg, funktioniert das Smartobject nicht mehr.
Was ist ein Smartobject und was kann mein Firefox damit anfangen?

MfG H☼psel

Hallo Höpsel, das Smartobject ist sozusagen das Masterbild und eine interne Vorlage, die ich beliebig verändern kann.

Diese Änderungen werden dann automatisch von allen aus dieser Vorlage generierten gifs übernommen, was sehr praktisch ist.

Es erleichtert also die Arbeit.

Firefox stellt nur das generierte gif dar.

Gruß Susanne

[Sven Rautenberg]

Moin!

Hallo Höpsel, das Smartobject ist sozusagen das Masterbild und eine interne Vorlage, die ich beliebig verändern kann.

Das gilt aber nur für dein verwendetes Programm, nicht für HTML-anzeigende Browser.

Diese Änderungen werden dann automatisch von allen aus dieser Vorlage generierten gifs übernommen, was sehr praktisch ist.

Es erleichtert also die Arbeit.

Das mag sein.

Firefox stellt nur das generierte gif dar.

Und der Validator stört sich am unzulässigen Attribut in deinem HTML-Code.

Nun die Gretchenfrage: Valide werden oder Arbeitserleichterung belassen?

- Sven Rautenberg

[Susanne Hugo]

Hallo Sven,

Und der Validator stört sich am unzulässigen Attribut in deinem HTML-Code.

Nun die Gretchenfrage: Valide werden oder Arbeitserleichterung belassen?

Mir wäre es am liebsten: Beides!. Der Validator sagt:

"Die meisten proprietären Attribute können durch Standard-HTML oder CSS ersetzt werden".

Schön gesagt, aber was trifft in diesem Fall zu?

Es arbeiten doch noch mehr Menschen mit Photoshop, gehen die denn alle ohne valides HTML ins Netz?

Gruß Susanne

[Jonathan]

Hallo,

Es arbeiten doch noch mehr Menschen mit Photoshop, gehen die denn alle ohne valides HTML ins Netz?

Mein, die erstellen mit Protoshop einfach ordentliche Bilder im png, gif oder jpg- Format und binden die nach HTML-Standard (oder mit CSS) völlig normal und ohne livesrc in die Webseite ein.

Jonathan

[Richard Rüfenacht]

Hallo Susanne!

Diese Änderungen werden dann automatisch von allen aus dieser Vorlage generierten gifs übernommen, was sehr praktisch ist.

Das funktioniert nur auf deinem Rechner in der Entwicklungsumgebung mit installiertem Photoshop oder der entsprechenden Komponente weil dabei das GIF durch die originale Vektorgrafik ersetzt wird. Sobald du fürs Web abspeicherst, entsteht aus der Vektorgrafik eine Pixelgrafik und der schöne Glättungseffekt ist futsch.

Sei froh, dass dich der Validator gewarnt hat, sonst würdest du dich der Illusion hingeben, die User bekämen das so schön zu sehen wie du.

Wenn du das als Vektorgrafik beibehalten willst, bleibt dir nur Flash als Möglichkeit. Mit SVG klappt das nicht.

Beste Grüsse
Richard

[Susanne Hugo]

Hallo Richard,

Wenn du das als Vektorgrafik beibehalten willst, bleibt dir nur Flash als Möglichkeit. Mit SVG klappt das nicht.

Beste Grüsse
Richard

vielen Dank für den Hinweis. Leider habe ich von Flash nicht die geringste Ahnung und in Vektorgrafiken arbeite ich mich gerade erst ein. Also werden es schlichte Pixel-gifs und livescr kommt raus. Schade.

Gruß Susanne

[Hopsel]

Hi Susanne!

Diese Änderungen werden dann automatisch von allen aus dieser Vorlage generierten gifs übernommen, was sehr praktisch ist.

Sehen die Gifs denn alle gleich aus?

Es erleichtert also die Arbeit.

Das mag ja sein. Aber wozu brauchst du dieses livesrc-Attribut?
Die Gifs werden doch von Photoshop erzeugt, nicht vom Browser.

Firefox stellt nur das generierte gif dar.

Gut. Ich erweitere mal die Aussage und behaupte, dass jeder Browser nur das im src-Attribut referenzierte Bild darstellt. Das livesrc-Attribut ist also überflüssig.

MfG H☼psel

[Susanne Hugo]

Hallo Höpsel,

Diese Änderungen werden dann automatisch von allen aus dieser Vorlage generierten gifs übernommen, was sehr praktisch ist.
Sehen die Gifs denn alle gleich aus?

Ja, die gifs sehen dann alle gleich aus.

Firefox stellt nur das generierte gif dar.
Gut. Ich erweitere mal die Aussage und behaupte, dass jeder Browser nur das im src-Attribut referenzierte Bild darstellt.

Ja, genau.

Das livesrc-Attribut ist also überflüssig.

Richard und Jonathan stimmen dir da zu, seufz, und ich werde es einfach rauswerfen, wenn ich das Layout endgültig fertig habe.

Vielen Dank für dein Interesse.

Gruß Susanne

[Hopsel]

Hi Susanne!

Diese Änderungen werden dann automatisch von allen aus dieser Vorlage generierten gifs übernommen, was sehr praktisch ist.
Sehen die Gifs denn alle gleich aus?
Ja, die gifs sehen dann alle gleich aus.

Wieso verweist du dann nicht auf genau eine Resource?
Dann hast du auch nicht das Problem:

Diese Änderungen werden dann automatisch von allen aus dieser Vorlage generierten gifs übernommen, was sehr praktisch ist.

MfG H☼psel

[Der Martin]

Hi Susanne,

Was soll dieses Attribut überhaupt aussagen?
"livesrc" ist der programminterne Quellenlink zum Smartobject.

hmm, was ist nun "programmintern"? Von welchem Programm sprichst du? Ich dachte, hier ginge es um HTML-Quellcode, der von einem Browser interpretiert werden soll.

Und ein Browser wird das livesrc-Attribut sowieso ignorieren, weil er es nicht kennt, also kannst du es auch weglassen. Entscheidend ist nur das Bild, das du mit dem src-Attribut referenzierst. Dieses Bild muss existieren. Von irgendwelchen "Smartobjects" weiß mein Browser nichts.

Lasse ich diesen internen link weg, funktioniert das Smartobject nicht mehr.

Ich fürchte, ich versteh nur Bahnhof.

Schönen Sonntag noch,
 Martin

[Susanne Hugo]

Hi Susanne,

Was soll dieses Attribut überhaupt aussagen?
"livesrc" ist der programminterne Quellenlink zum Smartobject.

hmm, was ist nun "programmintern"? Von welchem Programm sprichst du? Ich dachte, hier ginge es um HTML-Quellcode, der von einem Browser interpretiert werden soll.

Hallo Martin,

diese Smartobjects sind Photoshop Bilder.
Um diese in eine website einzubinden, benötigt man zwei Pfade. Der Erste, geht von meiner Seite per Link "livesrc" zur Quelldatei. Die Quelle ist das Bild (Smartobject) im psd Format, sozusagen mein Masterbild, das im Browser nicht angezeigt wird, aber für die Website gebraucht wird.

seite.html- link zur Quelldatei bild.psd - gif erstellen - gif mit img scr="bild.gif" in seite.html einbinden.

Für den Browser ist nur img scr="bild.gif" relevant.

Ich hoffe, jetzt ist es klarer.

Gruß Susanne

[Hopsel]

Hi Susanne!

Wie kann ich aus dem proprietären Attribut ein valides machen?

Gar nicht. Dieses Attribut ist nicht erlaubt.

Kann mir da jemand weiterhelfen?

Du könntest den Link zur PSD-Datei unter dem Bild anbieten.

MfG H☼psel