Beiträge von Stuffcon

Erstmal ein freundliches "Hallo" an alle Coder hier!

Zu meinem Problem:

Veranschaulichung:

Ich habe einen Block, in welchem ein S/W-Bild mittig eingefügt ist. Einzelne Elemente aus diesem Bild habe ich vorher in Photoshop, in Farbe freigestellt und diese separat als JPG abgespeichert.
Die einzelnen JPG-Elemente habe ich nun an richtiger Stelle auf dem SW-Bild platziert und mittels CSS einen Hover-Effekt angelegt, bei welchem die Elemente ebenfalls schwarz/weiß sind und bei
einem hover farbig werden.

Mein Ziel:

Links und rechts neben dem S/W-Bild ist ausreichend Platz. Ich hätte gern, dass neben dem S/W Bild ein Frame mit Textinhalt (Beschreibung der einzelnen Elemente) per hover eingeblendet wird, wenn man
mit der Maus über diese fährt.

Meine Frage:

Ihr könnt euch bestimmt vorstellen, wie die Frage lautet.

Wie kann ich dies bewerkstelligen?
Gibt es eine Möglichkeit, eine Textbox anzulegen und diese mit dem jeweiligen JPG-Element zu verknüpfen, sodass diese bei einem Hover, so wie in den nachfolgenden Bildern, angezeigt wird?

Beispiel:

beispiel1.jpg

beispiel2.jpg

Ich danke schon jetzt für eure Hilfe!

Greez

Zitat von Sempervivum

... oder mit d3.js:

Externer Inhalt gist.github.com

Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.

Alle externen Inhalte anzeigen

Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.

Puh...also wenn ich da wüsste, wo ich mein JPEG einfügen soll, dann würde ich es mal probieren

Trotzdem Danke!

Zitat von m.scatello

Such dir was aus: https://www.jqueryscript.net/tags.php?/image%20pan/

Vielen Dank! Das erste wäre genau das richtige. Leider hab ich schon lange keine Webseiten mehr gemacht und so einiges vergessen. Und da ich heute noch weniger Zeit als früher habe, benutze ich jetzt einen Homepage-Baukasten von One.com. Bei denen wird auch die Website gehostet. Nur weis ich nicht wo die die Website abspeichern. Deshalb ist das mit dem jquery nen bissel umständlich. Weis nicht, wie ich das dort einfügen soll.

Hallo,

ich hoffe ich bin richtig hier und ihr könnt mir helfen.

Ich habe eine "Radwanderkarte" als jpg. Diese ist aber von den Abmaßen zu groß für die Website. Verändert man die Größe, dann erkennt man nichts mehr und der

Sinn des ganzen wäre dahin. Jetzt würde ich das gerne so einbinden wie bei Google-Maps. Also einen Kasten wo die Karte drin ist, welche man mit der Maus verschieben kann.

Wenn man das ganze noch heraus und hinein zoomen kann, dann wäre das perfekt. Welche Möglichkeiten habe ich um dies zu verwirklichen?

Vielen Dank schon mal für Eure Hilfe!

MfG Stephan