Hallo,
mal wieder ein kleines jQuery Problem. Ich habe in einem Div diverse Bilder, diese sind verlinkt:
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
Muss nicht unbedingt dieser Ansatz sein, aber das war so mein erster Gedanke.
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.