Bild wenn maus über text

Sarius87 · 11. Juni 2016

hallo , habe beim googeln nix gefunden , wie mache ich das dass ein bild erscheint wenn ich die maus über einem bestimmten text habe ? php, js ? gibts da fertigen code ?

MONSTER · 11. Juni 2016

http://embed.plnkr.co/nhlFPz

kling1 · 11. Juni 2016

einfach mit css und ohne bootstrap

http://codepen.io/rhofma/pen/PzZLNM

Sarius87 · 11. Juni 2016

@MONSTER hä bei mir kommt kein bild dann :/

MONSTER · 11. Juni 2016

Wo genau kommt bei dir kein Bild? bei mir sind bei jedem button Platzhalterbilder mit der Größe wenn ich drüber gehe.
Kannst auch die Version von kling1 nehmen wie er schriebt das ganze ohne bootstrap...

Sarius87 · 11. Juni 2016

Code:

<a class="btn" rel="popover" data-img="http://www.gsd-software.net/fileadmin/images/logo_GSD.png">Image 1</a>

data-img ist doch der link zum bild oder ? sehe kein bild wenn ich mit der maus drüber gehe

style.css und script.js fehlt doch .. wo bekomm ich die her ??

MONSTER · 11. Juni 2016

Na wie in dem Beispiel über die Bootstrap Einbindung.

Sarius87 · 11. Juni 2016

ahhhh

Teisi · 13. Juni 2016

Mach es so wie bei @kling1

@MONSTER:
Bootstrap einbinden nur für sowas? ... Da fällt einem echt nix mehr ein...

mercsen · 13. Juni 2016

also am einfachsten ist es noch mit dem title attribut??

Code:

<img src="bla.png" title="Text der erscheint wenn Maus über dem Bild">

ansonsten wenn text formatiert sein muss o.ä. wirklich wie von king1 gezeigt. Kann aber probleme machen wenn sich das designe dem Fenster anpasst.

edit:
hoplla zu schnell gelesen.

für mich stand da "Text wenn maus über bild" sorry

kling1 · 13. Juni 2016

hab übrigens mein codepen aktualisiert.. da waren noch paar kleine fehler drin
http://codepen.io/rhofma/pen/PzZLNM

Suche

Bild wenn maus über text

Sarius87

Banned

MONSTER

Ensign

kling1

Gast

Sarius87

Banned

MONSTER

Ensign

Sarius87

Banned

MONSTER

Ensign

Sarius87

Banned

Teisi

Lt. Junior Grade

mercsen

Lt. Commander

kling1

Gast

Ähnliche Themen