Einblendung von Textbox an beliebiger Stelle bei hover auf Bild

  • 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

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!