Bilder Notizen
- Ersteller Dunkler
- Erstellt am
Cheecat
Hausvetter
Ich tippe mal, du willst das Bild in eine Webseite einbinden und dort sollen die Infos zum Bild erscheinen.
Füge ganz einfach in die Seite ein:
Die Platzhalter, also alles was im Beispiel mit "Bild" beginnt, musst du natürlich durch die tatsächlichen Werte ersetzen.
Das sind dann keine Notizen, sondern Beschreibungen für das Bild. In diesem Fall wird ein so ein Kästchen für das gesamte Bild angezeigt. Verantwortlich dafür ist das, was in title="" steht.
Willst du verschiedene Bildteile unterschiedlich verlinken bzw. mit diesen Titeln versehen, dann nennt man das Image Maps und wie das geht, findest du u.a. hier: http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm (inkl. Beispiel)
Wenn ich mit meiner Vermutung was du willst richtig liege, dann ist das eher eine Frage für das PC- und Technik-Forum. Wir werden sehen und falls ich richtig liege, wirst dieser Thread demnächst auch dort zu finden sein.
Füge ganz einfach in die Seite ein:
HTML:
<img src="Bildpfad/Bildname.Bildendung" alt="Bildinhalt" title="Bildtitle" />Die Platzhalter, also alles was im Beispiel mit "Bild" beginnt, musst du natürlich durch die tatsächlichen Werte ersetzen.
Das sind dann keine Notizen, sondern Beschreibungen für das Bild. In diesem Fall wird ein so ein Kästchen für das gesamte Bild angezeigt. Verantwortlich dafür ist das, was in title="" steht.
Willst du verschiedene Bildteile unterschiedlich verlinken bzw. mit diesen Titeln versehen, dann nennt man das Image Maps und wie das geht, findest du u.a. hier: http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm (inkl. Beispiel)
Wenn ich mit meiner Vermutung was du willst richtig liege, dann ist das eher eine Frage für das PC- und Technik-Forum. Wir werden sehen und falls ich richtig liege, wirst dieser Thread demnächst auch dort zu finden sein.
Also ich will es zwar auf meine Homepage einbauen, aber das ist in diesem Fall denke ich unwichtig.
Image Maps könnte es sein, aber in dem Beispiel der verlinkten Seite wurden die Fenster erst angezeigt, als ich mit der Maus darüber fuhr. Davor wusste ich nicht, dass da eins ist.
Ich will, dass wen ich das Bild mit der Maus berühre, alle Bereiche, die beim Überfahren ein Kästchen mit dem Text erscheinen lassen, hervorgehoben werden.
Kann es sein, dass man solche "Bildnotizen" bei "Uploadern", wie zum Beispiel Flickr, hinzufügt?
Image Maps könnte es sein, aber in dem Beispiel der verlinkten Seite wurden die Fenster erst angezeigt, als ich mit der Maus darüber fuhr. Davor wusste ich nicht, dass da eins ist.
Ich will, dass wen ich das Bild mit der Maus berühre, alle Bereiche, die beim Überfahren ein Kästchen mit dem Text erscheinen lassen, hervorgehoben werden.
Kann es sein, dass man solche "Bildnotizen" bei "Uploadern", wie zum Beispiel Flickr, hinzufügt?
Zuletzt bearbeitet:
Erstmal bitte ich um Entschuldigung für den Doppelpost,
aber würde ich den alten Post nur Editieren, würde es wohl niemand mehr Lesen.
Also ich habe hier ein Bild gefunden, wo es so ist wie ich es machen möchte:
http://www.flickr.com/photos/32558479@N04/3751612496/
(Ja, ich bin ein Waffenfreak^^)
aber würde ich den alten Post nur Editieren, würde es wohl niemand mehr Lesen.
Also ich habe hier ein Bild gefunden, wo es so ist wie ich es machen möchte:
http://www.flickr.com/photos/32558479@N04/3751612496/
(Ja, ich bin ein Waffenfreak^^)
benedikt
Neuankömmling
Was du meinst ist bei Flickr mit JavaSript realisiert ( davon hab ich aber praktisch keine Ahnung). Du kannst dir ja mal den Seitenquelltext angucken, vielleicht hilft der.
Ansonsten könnte ich mir vorstellen, dass du das auch mit CSS machen könntest, sodass ein anderes Bild (mit den Rahmen der Bildteile die über Notizen verfügen) angezeigt wird, wenn man die Maus da drüber bewegt (hover effekte).
Mit einer ImageMap kannst du dann die einzelnen Links mit Hovereffekten versehen, die dann die Notizen zeigen.
Ein Bildformat, dass sowas unterstützt gibts meines Wissens nach nicht.
Ich versuch mal ein Beispiel mit CSS zu machen, dass werde ich wenns geht mal posten.
Ansonsten könnte ich mir vorstellen, dass du das auch mit CSS machen könntest, sodass ein anderes Bild (mit den Rahmen der Bildteile die über Notizen verfügen) angezeigt wird, wenn man die Maus da drüber bewegt (hover effekte).
Mit einer ImageMap kannst du dann die einzelnen Links mit Hovereffekten versehen, die dann die Notizen zeigen.
Ein Bildformat, dass sowas unterstützt gibts meines Wissens nach nicht.
Ich versuch mal ein Beispiel mit CSS zu machen, dass werde ich wenns geht mal posten.
Cheecat
Hausvetter
Das bei Flickr ist ein normal eingebundes Bild über das diverse div-Container gelegt wurden die mit Positionsangaben versehen sind. Wenn man mit der Maus darüber fährt werden mittels Javascript bestimmte Aktionen ausgeführt.
Das Ganze kann man aber auch einfacher (auch mit CSS und Javascript) machen als bei dem Bild bei Flickr.
Das Ganze kann man aber auch einfacher (auch mit CSS und Javascript) machen als bei dem Bild bei Flickr.
Cheecat
Hausvetter
Wie? Verpasse dem div, welches über dem Bild als Bereich definiert wurde, einen Event-Handler (onmouseover, onmouseout, ...) und lasse darüber eine Javascriptfunktion ausführen. Vielleicht nicht die eleganteste, aber sicher die einfachste Lösung.
Die allereinfachste ist aber nach wie vor die verweissensitive Grafik wie ich dir weiter oben bereits die Anleitung verlinkt habe. Auch damit kann man den Bereich, auf dem Mauszeiger gerade steht, hervorheben.
Nein, das Datum bei meinem Beitrag ist korrekt. Der ist am 29.12. entstanden.
Da das Ganze aber ziemlich wenig mit Bildern an sich zu tun hat, verschiebe ich den Thread mal dahin wo er hin gehört, nämlich ins PC- und Technik-Forum.
Ähnliche Themen
