alternativ Grafik

[cabelrat]

Hallo und nen schönen Sonntag,

ich finde alleine leider keine Lösung zu folgendem Problem. Ich nutze href um ein Bild anzuzeigen und als Link zu benutzen, um das Bild in einem neuen Fenster in ganzer Größe anzuzeigen. Nun suche ich nach einer Lösung, wenn kein Bild mit dem entsprechenden Namen  vorhanden ist, dann soll ein alternatives Bild angezeigt werden (z.B. ne Grafik wo zu lesen ist "z.Zt. leider kein Bild vorhanden").

Ohne diese Funktion sieht der Code folgendermaßen aus:

<a href="xxx.jpg" target="_blank"> <img alt="Bildname" src="xxx.jpg" height="200" border="0"> </a>

Ich hab da zwar Hinweise auf die Funktion <objekt> gefunden, aber hinbekommen habe ich das nicht. :'-(

Vielleicht kann man mir ja jemand mal nen entscheidenden Tip geben.

Vielen Dank im Voraus
Cabelrat

[Candid Dauth]

Heißa, cabelrat,

Nun suche ich nach einer Lösung, wenn kein Bild mit dem entsprechenden Namen  vorhanden ist, dann soll ein alternatives Bild angezeigt werden (z.B. ne Grafik wo zu lesen ist "z.Zt. leider kein Bild vorhanden").

Mit XHTML 2 hättest du die Möglichkeit dazu, aber das ist noch nicht draußen.
Ich würde dir empfehlen, mit einer serverseitigen Technik, wie zum Beispiel PHP, zu überprüfen, ob das Bild vorhanden ist, und demnach die Alternativgrafik auszugeben.

Gautera!
Grüße aus Biberach Riss,
Candid Dauth

[cabelrat]

Hallo Gautera,

Mit XHTML 2 hättest du die Möglichkeit dazu, aber das ist noch nicht draußen.
Ich würde dir empfehlen, mit einer serverseitigen Technik, wie zum Beispiel PHP, zu überprüfen, ob das Bild vorhanden ist, und demnach die Alternativgrafik auszugeben.

also von PHP hab ich überhaupt noch keinen Schimmer, von daher wir  das für mich schwer zu bewerkstelligen sein.
Ich dachte ich hätte da ne andere Lösung gefunden, komme damit aber auch nicht wirklich klar und zwar über die Einbindung der Grafik mit dem Kommando <Objekt>. Bei diesem kann man ja als Alternativanzeige beliebigen html-Code ausführen. Da bin ich auf die Idee gekommen, dass ich das "kein Bild vorhanden Bild" über Objekt anzeigen lasse und als Alternative dazu, wenn das "kein Bild vorhanden Bild" nicht vorhanden ist, dann den html code für das richtige Bild Anzeigen lasse, aber so wie ich mir das gedacht habe funktioniert es nicht. Ich bekomme zwar das Bild über

<object data="xxx.jpg" type="image/jpeg" width="200" height="200"> Kein Bild da
</object>

angezeigt, aber das Bild wird mit den width und height Attributen nicht skaliert im gewünschten Format dargestellt, sondern auf der Seite mit Scrollbalken angezeigt. Außerdem sollte dann das eigentliche Bild als Link zum anklicken ein neues Browserfenster öffnen, um es in voller Größe anzuzeigen, aber mit dem von mir angedachten html code wurde das auch leider nix.

<object data="ersatzbild.jpg" type="image/jpeg" width="200" height="200"> <a href="hauptbild.jpg"
target="_blank"> <img alt="Das ist das Hauptbild" src="hauptbild.jpg" height="200"
border="0"> </a>
</object>

[Candid Dauth]

Heißa, cabelrat,

Hallo Gautera,

So hat mich jetzt noch keiner genannt. ;-)

also von PHP hab ich überhaupt noch keinen Schimmer, von daher wir  das für mich schwer zu bewerkstelligen sein.

Falls das ganze über einen Webserver läuft, könntest du als 404-Fehlerseite einfach das Ersatzbild deklarieren. Am besten per Weiterleitung, damit das Bild nicht jedesmal neu geladen werden muss.

In einer .htaccess-Datei des Apachen sähe das so aus:
ErrorDocument 404 http://servername/pfad/zum/ersatzbild.jpg
Bestenfalls schiebst du diese .htaccess-Datei in das Verzeichnis, in dem deine Bilder liegen. Das gilt übrigens – sofern es nicht überschrieben wird – für alle Unterverzeichnisse.

<object data="ersatzbild.jpg" type="image/jpeg" width="200" height="200"> <a href="hauptbild.jpg"
target="_blank"> <img alt="Das ist das Hauptbild" src="hauptbild.jpg" height="200"
border="0"> </a>
</object>

Hier machst du es genau falschherum. Wenn das Objekt nicht geladen werden kann, wird sein Inhalt dargestellt.

Gautera!
Grüße aus Biberach Riss,
Candid Dauth

[Detlef G.]

Hallo Cabelrat

Nun suche ich nach einer Lösung, wenn kein Bild mit dem entsprechenden Namen  vorhanden ist, dann soll ein alternatives Bild angezeigt werden (z.B. ne Grafik wo zu lesen ist "z.Zt. leider kein Bild vorhanden").

Wozu verlinkst du es denn überhaupt, wenn es nicht vorhanden ist?

<a href="xxx.jpg" target="_blank"> <img alt="Bildname" src="xxx.jpg" height="200" border="0"> </a>

Du verwendest als verlinkte Vorschau das gleiche Bild?
Wenn du dieses durch den Browser skalieren lässt, bleibt das Downloadvolumen
gleich, nur die Qualität wird schlechter.

Ich hab da zwar Hinweise auf die Funktion <objekt> gefunden, aber hinbekommen habe ich das nicht. :'-(

die wird dir da nicht wirklich helfen.

Wie wäre im CSS:

a img {  
  background-image:url('alternativbild.png');  
}  

Vielleicht kann man mir ja jemand mal nen entscheidenden Tip geben.

Verlinke nur Bilder, die auch vorhanden sind.
Verwende einen sinnvollen alt-Text, für den Fall, das der Client (Browser)
aus irgendwelchen Gründen das Bild nicht laden kann, oder überhaupt keine
Grafiken anzeigt.
Verwende (vor dem Hochladen) verkleinerte Bilder als Vorschau.

Auf Wiederlesen
Detlef

[cabelrat]

Hallo Detlef,

Wozu verlinkst du es denn überhaupt, wenn es nicht vorhanden ist?

weil sonst auf der html-Site ein häßlicher Platzhalter erscheinen würde, solange die eigentliche Grafik noch nicht in dem Ordner liegt, wo sie zweifelsohne mal hin soll, aber schon andere vorhandene Bilder angezeigt werden sollen.

Du verwendest als verlinkte Vorschau das gleiche Bild?
Wenn du dieses durch den Browser skalieren lässt, bleibt das Downloadvolumen gleich, nur die Qualität wird schlechter.

Ja, genau das tue ich. Es handelt sich hierbei um eine Intranet-Lösung, bei der das Downloadvolumen erstmal keine Rolle spielt und ich mir die Mühe sparen will von jedem Bild ne Vorschauversion zu erstellen . Ich will damit ja nur ganz simpel erreichen, daß ich mehrere Bilder in einem kleineren Format, als Übersicht sozusagen, angezeigt bekomme und wenn ich dann eines der Bilder anklicke, dann erscheint das Bild in Originalgröße in einem neuen Browserfenster.

die wird dir da nicht wirklich helfen.

Schade, daß klang eigentlich ganz vielversprechend :'-(

Wie wäre im CSS:

a img {

background-image:url('alternativbild.png');
}

  
Ich glaub damit komme ich meinem Prob auch nicht näher. sry  
  

> Verlinke nur Bilder, die auch vorhanden sind.  
  
Ein Bild ist ja immer vorhanden und wenn es das Ersatzbild ist. ;-)  
  

> Verwende einen sinnvollen alt-Text, für den Fall, das der Client (Browser)  
> aus irgendwelchen Gründen das Bild nicht laden kann, oder überhaupt keine Grafiken anzeigt.  
  
Das mache ich eigentlich sowieso, aber danke für den Hinweis  
  

> Verwende (vor dem Hochladen) verkleinerte Bilder als Vorschau.  
  
Möchte ich nicht s.o.  
  

> Auf Wiederlesen  
> Detlef  
  
Tschau Cabelrat

[Detlef G.]

Hallo Cabelrat

weil sonst auf der html-Site ein häßlicher Platzhalter erscheinen würde, solange die eigentliche Grafik noch nicht in dem Ordner liegt, wo sie zweifelsohne mal hin soll, aber schon andere vorhandene Bilder angezeigt werden sollen.

Dann lass doch die Grafiken, die sowieso noch nicht vorhanden sind auf der
Seite weg, oder binde die Ersatzgrafik ein, und füge sie erst ein bzw.
ändere dies, wenn die Bilder auf dem Server sind.

... Es handelt sich hierbei um eine Intranet-Lösung, bei der das Downloadvolumen erstmal keine Rolle spielt ...

Das hättest du uns ruhig gleich mitteilen können, dann hätte ich mir diesen
Hinweis sparen können.

Ein Bild ist ja immer vorhanden und wenn es das Ersatzbild ist. ;-)

Dann speichere doch dein Ersatzbild unter allen in den Links angegebenen
URIs. Wenn dann das richtige Bild fertig ist, wird das Ersatzbild einfach
überschrieben.
(Bei einer Intranetlösung halte ich das für akzeptabel, wenn du keine
serverseitigen Techniken verwenden kannst oder willst.)

Auf Wiederlesen
Detlef

[Siechfred]

Tag cabelrat.

ich finde alleine leider keine Lösung zu folgendem Problem. Ich nutze href um ein Bild anzuzeigen und als Link zu benutzen, um das Bild in einem neuen Fenster in ganzer Größe anzuzeigen. Nun suche ich nach einer Lösung, wenn kein Bild mit dem entsprechenden Namen  vorhanden ist, dann soll ein alternatives Bild angezeigt werden (z.B. ne Grafik wo zu lesen ist "z.Zt. leider kein Bild vorhanden").

Kennst du http://javascript.jstruebig.de/javascript/42/?

Siechfred

[cabelrat]

Moin Siechfred,

Kennst du http://javascript.jstruebig.de/javascript/42/?

nein kannte ich noch nicht. Aber auf den ersten Blick kommt mir das ziemlich "spanisch" vor. Von Javascript hab ich nämlich noch keinen noch so blassen Schimmer. Das muß ich mir mal in aller Ruhe ansehen und schauen wie ich das in meinen Quelltext reinbekommen kann. =:-]

Siechfred

thx trotzdem cabelrat