Rahmen-Markierung im Bild durch Link

gonzo_sh · 07.01.2012

Ich habe ein Gruppenfoto und unter dem Foto die ganzen Namen.
Jetzt möchte ich auf einen Namen klicken oder mit der Maus nur rüberfahren und es soll die Person dann auf dem Bild mit einem Rahmen markiert sein, so wie man das bei Facebook kennt.
Vielleicht hat jemand da einen Tip, ein Beispiel, oder nur Begriffe nach denen ich suchen kann,
damit ich mir das selber basteln kann.
Ich habe bis jetzt nichts hilfreiches gefunden.

Vielen Dank

xuLLix · 07.01.2012

AW: Rahmen-Markierung im Bild durch Link

Ohne es genau zu wissen würde ich sagen das du das mit CSS auch hinbekommen solltest

Überlagernde DIV-Container die dann auftauchen wenn du den namen hoverst

....

simonpicos · 07.01.2012

AW: Rahmen-Markierung im Bild durch Link

Möchtest du das ganze dynamisch (quasi als Gesichtserkennung) oder fix (nur für ein Bild per hand)

für die Gesichtserkennung habe ich schon mal plugins Für jquery gesehen.
das andere kannst du relativ simpel mit html + css lösen

gonzo_sh · 08.01.2012

AW: Rahmen-Markierung im Bild durch Link

Danke für die Hinweise

Ich habe es jetzt mit javascript gelöst.
Hier die Lösung:

<script type="text/javascript">
Zweitbild = new Image();
function Bildwechsel (bild) {
var foto = bild;
Zweitbild.src = foto;
document.images[0].src = Zweitbild.src;
}
</script>

</head>
<body>

<img src="start.jpg" alt="">
<p>
<a href="javascript:Bildwechsel('start.jpg')">Bild:</a>
<a href="javascript:Bildwechsel('rahmen1.jpg')">rahmen1,</a>
<a href="javascript:Bildwechsel('rahmen2.jpg')">rahmen2,</a>
.
.
.
usw