nicht angemeldet
Bild verlinken
Gunnar BittersmannHallo zusammen,
ich habe ein kleines Problem und hoff jemand von euch kann mir vielleicht helfen.
Ich würde gerne ein Bild einbinden und dieses mit einem anderen Bild verlinken (das Bild im Text ist sehr klein. klickt man auf dieses wird das selbe Bild in groß dargestellt). Dies ist meines Wissens nach folgendermaßen zu lösen:
<a href="hgroßes Bild"><img src="kleines Bild" alt="..." width="..." height="..." align="left" title="..."></a>
jetzt mein Problem. Ich möchte so wie oben beschrieben ein Bild mit einem Bild verlinken. Da meine Seite jedoch barrierefrei sein muss benötige ich den Alt-Parameter. Da dieser jedoch auf eine relativ geringe Anzahl an Zeichen begrenzt ist, muss ich eine andere Möglichkeit finden, das Bild mit einem Text zu "hinterlegen".
Mir ist die folgende Möglichkeit bekannt:
<object data="bild.gif" type="image/gif" width="..." height="..." title="..." lang="de" xml:lang="de">
Hier kann dann beliebig viel Text stehen. Dieser ersetzt den alt-Parameter
</object>
leider kann ich mit hilfe des object-parameters keine verlinkung einsetzen, oder jedenfalls ist mir dies nicht bekannt.
Wie kann ich jetzt ein Bild mit einem Bild verlinken und gleichzeitig beliebig viel text hinterlegen da mir die Kapazität des alt-Parameters nicht ausreicht?
vielen Dank für die Hilfe im Vorraus.
mit freundlichen Grüßen
Johanna
-
Wie wäre es mit javascript:onclick()?
mfg
-
Wie wäre es mit javascript:onclick()?
Was denkst Du, was dann passieren soll?
Siechfred
--
Hinter den Kulissen passiert viel mehr, als man denkt, aber meistens nicht das, was man denkt.-
Ja vielleicht ist das jetzt etwas zu kompliziert aber mir fällt nichts besseres ein. mit onklick eine JS Funktion aufrufen, die das größere Bild in das Dokument mit DOM einfügt.
So wie ich die Frage verstanden habe wollte er nur wissen wie er auf den <object> TAG draufklicken kann das er das neue Bild laden kann.
mfg
-
-
-
Ich würde gerne ein Bild einbinden und dieses mit einem anderen Bild verlinken (das Bild im Text ist sehr klein. klickt man auf dieses wird das selbe Bild in groß dargestellt). Dies ist meines Wissens nach folgendermaßen zu lösen:
<a href="hgroßes Bild"><img src="kleines Bild" alt="..." width="..." height="..." align="left" title="..."></a>Ja, sieht schon mal gut aus, außer das align-Attribut. Die Darstellung von HTML-Elementen solltest Du über CSS regulieren.
Ich möchte so wie oben beschrieben ein Bild mit einem Bild verlinken. Da meine Seite jedoch barrierefrei sein muss benötige ich den Alt-Parameter. Da dieser jedoch auf eine relativ geringe Anzahl an Zeichen begrenzt ist, muss ich eine andere Möglichkeit finden, das Bild mit einem Text zu "hinterlegen".
Hm, Dir ist aber bewusst, dass in den Anzeigenbereich für ein kleines Bild auch nur ein kurzer Alternativtext hineinpasst, den Rest sieht man nicht? Oder verwechselst Du da was mit dem title-Attribut? Ansonsten ist es nicht Aufgabe des alt-Attributes, Unmengen an Text (z.B. Bildbeschreibungen) aufzunehmen. Bitte lies Dir hierzu BITV-Bedingung 1.1: Alternativtexte durch. Wenn es Dir um eine ausführliche Bildbeschreibung geht, dann verlinke auf diese.
Siechfred
--
Hinter den Kulissen passiert viel mehr, als man denkt, aber meistens nicht das, was man denkt.-
Hello out there!
Hm, Dir ist aber bewusst, dass in den Anzeigenbereich für ein kleines Bild auch nur ein kurzer Alternativtext hineinpasst, den Rest sieht man nicht?
Äh, nö. Der Anzeigebereich für ein Bild sollte beim Rendern nur Wirkung zeigen, wenn die Bildanzeige aktiviert ist; ansonsten erscheint der Alternativtext als ganz normaler Fließtext. So sollte das Verhalten von Browsern sein, so ist das Verhalten des Firefox. Dass der IE da mal wieder eine völlige Dummheit begeht, liegt in seiner Natur.
Ansonsten ist es nicht Aufgabe des alt-Attributes, Unmengen an Text (z.B. Bildbeschreibungen) aufzunehmen.
Willst du damit andeuten ... </archiv/2005/1/t98426/#m600227> ;-)
See ya up the road,
Gunnar--
„Und [dieses Forum] soll […] auch ein Fachforum bleiben und kein Psychologieforum werden.“ (Kirsten Evers)-
Der Anzeigebereich für ein Bild sollte beim Rendern nur Wirkung zeigen, wenn die Bildanzeige aktiviert ist; ansonsten erscheint der Alternativtext als ganz normaler Fließtext. So sollte das Verhalten von Browsern sein, so ist das Verhalten des Firefox. Dass der IE da mal wieder eine völlige Dummheit begeht, liegt in seiner Natur.
Tja, dumm nur, wenn gerade nur ein IE in der Nähe ist. Aber hast schon Recht, man sollte nie vom Verhalten des IE auf das Verhalten eines Browsers schließen :)
Siechfred
--
Hinter den Kulissen passiert viel mehr, als man denkt, aber meistens nicht das, was man denkt.
-
-
-
Oder wie wäre es mit einem Text Feld das aufgeht wenn man über das Bild fährt?
mfg
-
(Hallo|Hi(ho)|Tag) Johanna,
Ich würde gerne ein Bild einbinden und dieses mit einem anderen Bild verlinken (das Bild im Text ist sehr klein. klickt man auf dieses wird das selbe Bild in groß dargestellt). Dies ist meines Wissens nach folgendermaßen zu lösen:
<a href="hgroßes Bild"><img src="kleines Bild" alt="..." width="..." height="..." align="left" title="..."></a>jetzt mein Problem. Ich möchte so wie oben beschrieben ein Bild mit einem Bild verlinken. Da meine Seite jedoch barrierefrei sein muss benötige ich den Alt-Parameter. Da dieser jedoch auf eine relativ geringe Anzahl an Zeichen begrenzt ist, muss ich eine andere Möglichkeit finden, das Bild mit einem Text zu "hinterlegen".
Meines Wissens dient der Text im Alt-Attribut dazu, jemandem, der (aus welchen Gründen auch immer) das Bild nicht sehen kann, zu erklären, was er auf dem Bild sehen würde, wenn er es denn sehen könnte. Die Länge dieses Textes willkürlich zu begrenzen, ist daher keine so gute Idee.
Mir ist die folgende Möglichkeit bekannt:
<object data="bild.gif" type="image/gif" width="..." height="..." title="..." lang="de" xml:lang="de">
Hier kann dann beliebig viel Text stehen. Dieser ersetzt den alt-Parameter
</object>leider kann ich mit hilfe des object-parameters keine verlinkung einsetzen, oder jedenfalls ist mir dies nicht bekannt.
Was spricht hiergegen?
<a href="hgroßes Bild"><object data="bild.gif" type="image/gif" width="..." height="..." title="..." lang="de" xml:lang="de">Viel Text</object></a>Sowohl mein Opera (8.5x), als auch mein Firefox (2.0.irgendwas) zeigen das so an, wie es von dir gewünscht ist: anklickbare Vorschaugrafik ("Thumbnail") mit "dahinter"-liegendem richtigem Bild.
MffG
EisFuX