Mit Klasse meine ich, dass du deinem CSS eine weitere Klasse hinzufügst, z.B. so
Jetzt musst du nur noch die Klasse des Elementes ändern. Das löst aber dein eigentliches Problem noch nicht. Dazu würde ich einfach das aktuell aktive Element merken.
CSS:
.icon {
background-image: url('tl_files/SasseFiles/images/menu_grey.png');
}
.icon.active {
background-image: url('tl_files/SasseFiles/images/menu_green.png');
}
Jetzt musst du nur noch die Klasse des Elementes ändern. Das löst aber dein eigentliches Problem noch nicht. Dazu würde ich einfach das aktuell aktive Element merken.
Javascript:
$(function() {
var curActive = null;
$('.btn').mouseenter(function() {
//prüfen ob es ein anderes Element ist
if(curActive === this) {
return;//Nichts machen, weil es das gleiche ist
}
curActive = this;
$('.icon').removeClass('active');
$('.icon', this.parentNode).addClass('active');
var pfad = $('.bild').val();
var bilder = pfad;
$('#movie').html(bilder);
});
});