[jQuery] Bild mit Lupensymbol versehen

Alaniak

Erfahrenes Mitglied
Hallo,
mal wieder ein kleines jQuery Problem. Ich habe in einem Div diverse Bilder, diese sind verlinkt:
HTML:
<div class="meinDiv">
   <a href="#" class="option">
        <img src="bild1.jpg" class="thumbnail" />
    </a>
    <a href="#" class="option">
        <img src="bild2.jpg" class="thumbnail" />
    </a>
    <a href="#" class="option">
        <img src="bild3.jpg" class="thumbnail" />
    </a>
</div>

Jetzt möchte ich, dass wenn ich über eines der Bilder fahre auf diesem ein Lupensymbol erscheint, also einfach ein transparentes png mit einer Lupe darüber gelegt. Jetzt weiß ich nicht ganz wie ich das anstellen soll?
Wenn ich z.B. versuche beim hover ein Bild in einen neuen div zu wrappen nimmt er mir automatisch alle Bilder
PHP:
$('.meinDiv a').hover(function(){
		$('img').wrap('<div class="new" />');
		},function(){
		$('img').unwrap();
	});

Muss nicht unbedingt dieser Ansatz sein, aber das war so mein erster Gedanke.
 
Hab jetzt eine Lösung gefunden. Für alle Interessierten:
Ich habe einfach das Tooltip Plugin von jQuery-Tools genommen. Klappt wunderbar.
 

Neue Beiträge

Zurück