Keine gelbe Infoleiste wenn man mit Maus über Bild geht

[Helli]

Hallo

Ich habe folgendes Problem:

Wenn ich ein Bild folgendermassen in meiner Webseite einbaue:
<img width=290
height=200 src="http://www.meinehomepage/bild.jpg"
alt="Bild wir geladen...">

dann erscheint jedesmal wenn ich mit der Maus auf das Bild gehe ein gelbe Infoleiste, wo steht "Bild wird geladen...".

Ich weis wenn ich im obengenannten Quelltext das alt Attribut weglasse, dann kommt diese Infoleiste nicht mehr.

Wie kann ich aber das alt Attribut so lassen wie es ist, jedoch sollte die Infoleiste nicht mehr zu sehen sein wenn das Bild geladen wurde und ich mit der Maus auf das Bild gehe?

Mit freundlichen Grüssen

Helli

[dbenzhuser]

N'Obend

dann erscheint jedesmal wenn ich mit der Maus auf das Bild gehe ein gelbe Infoleiste, wo steht "Bild wird geladen...".

Nur im Internet Explorer.

Wie kann ich aber das alt Attribut so lassen wie es ist, jedoch sollte die Infoleiste nicht mehr zu sehen sein wenn das Bild geladen wurde und ich mit der Maus auf das Bild gehe?

Schreibe noch ein title="" dazu. Das ist eigentlich für diese "Tooltips" zuständig.

Tschö,
dbenzhuser

[Helli]

Hallo

Schreibe noch ein title="" dazu. Das ist eigentlich für diese "Tooltips" zuständig.

also soll ich den Text "Bild wird geladen" in den title schreiben und beim alt wegtun. Ist das so richtig?

MfG
Helli

[Martin Wächter]

Tag auch,

Hallo

Schreibe noch ein title="" dazu. Das ist eigentlich für diese "Tooltips" zuständig.

also soll ich den Text "Bild wird geladen" in den title schreiben und beim alt wegtun. Ist das so richtig?

MfG
Helli

er meint, Du sollst Dein "alt" Attribut so lassen wie es ist und zusätzlich noch ein leeres "title" Attribut hinzufügen.

Nur als Anmerkung:
Das "alt" Attribute heißt eigentlich "alternativ" (o.ä.), daß heißt dort sollte ein alternativer beschreibender Text drinnen stehen. Das macht Sinn für

1. Bildersuche
2. Browser ohne Bilddarstellung
3. Barrierefreies Internet

Wenn Du einen Text "Bild wird geladen" darstellen möchtest, kannst Du z.B. einen DIV mit diesem Text unter/neben das Bild geben und diesen dann onload des Bildes ausblenden.
8<---
<img ... onload="document.getElementById('div_id').style.display='none';" ...>
8<---

Grüße,
Martin.

[Detlef G.]

Hallo Martin

Wenn Du einen Text "Bild wird geladen" darstellen möchtest, kannst Du z.B. einen DIV mit diesem Text unter/neben das Bild geben und diesen dann onload des Bildes ausblenden.
8<---
<img ... onload="document.getElementById('div_id').style.display='none';" ...>
8<---

Und wenn Javascript nicht unterstützt wird, bleibt das Div mit dem Text stehen.
Ich habe für solche Zwecke eine kleine Grafik mit verwendet.

Diese wird dann als Background für die betreffenden Bilder verwendet.

img.grossesbild {  
  background:url(nichtgeladen.gif) no-repeat center center;  
}  

Auf Wiederlesen
Detlef

[Martin Wächter]

Tag auch,

Und wenn Javascript nicht unterstützt wird, bleibt das Div mit dem Text stehen.
Ich habe für solche Zwecke eine kleine Grafik mit verwendet.

Diese wird dann als Background für die betreffenden Bilder verwendet.

img.grossesbild {

background:url(nichtgeladen.gif) no-repeat center center;
}

  
die Variante gefällt mir.  
Danke für den Tip.  
  
Grüße,  
Martin.  

-- 
Malzeit

[Manuel B.]

Hi,

die Variante gefällt mir.
Danke für den Tip.

Ich hab noch ne Variante. Das <div> wird per CSS erstmal unsichtbar gemacht. Wenn Javascript aus ist, kann es auch nicht sichtbar werden ;)

[Detlef G.]

Hallo Manuel

Ich hab noch ne Variante. Das <div> wird per CSS erstmal unsichtbar gemacht. Wenn Javascript aus ist, kann es auch nicht sichtbar werden ;)

Nicht gut, weil das <div> dann ohne CSS sichtbar bleibt.

Außerdem gehört diese Meldung wohl kaum zum Seiteninhalt, sie hat also im HTML
auch nichts verloren.

Ich lege auch keinen Wert darauf,  bei Google unter "Grafik wird geladen"
gefunden zu werden.

Auf Wiederlesen
Detlef

[Manuel B.]

Hallo Manuel

Ich hab noch ne Variante. Das <div> wird per CSS erstmal unsichtbar gemacht. Wenn Javascript aus ist, kann es auch nicht sichtbar werden ;)

Nicht gut, weil das <div> dann ohne CSS sichtbar bleibt.

Man kann nicht alles haben ;) Mir ist kla.r das es dann ein Problem gibt.

Außerdem gehört diese Meldung wohl kaum zum Seiteninhalt, sie hat also im HTML
auch nichts verloren.

Das ist ansichtssache, bzw. Entscheidungsfreiheit des Designers

Ich lege auch keinen Wert darauf,  bei Google unter "Grafik wird geladen"
gefunden zu werden.

Ich glaub zwar nicht, das jemand dieses Suchworte nutzt, aber selbst wenn, es gibt keine schlechten Besucher, auch nicht, wenn sie über die falschen Suchworte reinkommen ;)

Aber du hast schon recht, dahingehend hab ich das gar nicht druchdacht.

[dbenzhuser]

N'Obend

Schreibe noch ein title="" dazu. Das ist eigentlich für diese "Tooltips" zuständig.

also soll ich den Text "Bild wird geladen" in den title schreiben und beim alt wegtun. Ist das so richtig?

Nein so:
<img width="290" height="200" src="http://www.meinehomepage/bild.jpg"
alt="Alternativtext" title="">

Dabei ersetzt du Alternativtext durch das, was angezeigt werden soll falls das Bild nicht angezeigt wird. Dass das Bild gerade geladen wird, sollte jedem klar sein. Wer dagegen keine Bilder anzeigen laesst, dem hilfst du mit "Bild wird geladen" sicherlich enorm weiter ;)

Gute Alternativtexte: Stell dir die Seite ohne Bilder vor. Alles was an Bildern keinen Inhalt hat bekommt ein alt="". Wenn ein Bild einen Text darstellt schreibst du den ins alt-Attribut. Ansonsten versuchst du den alt-Text so zu waehlen, dass jemand der keine Bilder sieht, und auch nicht weiss, dass sie da sind, nichts vermisst.

Tschö,
dbenzhuser