Drogenfahnder
Well-known member
- 28 April 2006
- 333
- 6
Hallo,
ich möchte mehrere Bilder mit einem mousover ausstatten.
Die Struktur ist folgendermaßen aufgebaut
für die Ansteuerung per jQuery
das Problem ist, das nur die Bilder im ersten divblock einen mousover haben.
Wie kann ich das Problem beheben?
ich möchte mehrere Bilder mit einem mousover ausstatten.
Die Struktur ist folgendermaßen aufgebaut
Code:
<div id="eins">
<img class="out" ....>
<img class="out1" ....>
<img class="out2" ....>
<img class="out3" ....>
</div>
<div id="eins">
<img class="out" ....>
<img class="out1" ....>
<img class="out2" ....>
<img class="out3" ....>
</div>
für die Ansteuerung per jQuery
Code:
$(document).ready(function(){
$("#eins").hover(
function() {
$(this).find(".out").stop().animate({"opacity": "0"}, "200");
$(this).find(".out1").stop().animate({"opacity": "0"}, "200");
},
function() {
$(this).find(".out").stop().animate({"opacity": "1"}, "200");
$(this).find(".out1").stop().animate({"opacity": "1"}, "200");
}
);
});
Wie kann ich das Problem beheben?