jQuery mehrere Bilder wechseln

Mit Klasse meine ich, dass du deinem CSS eine weitere Klasse hinzufügst, z.B. so

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);
    });
});
 
Zurück