Bild wechseln oder abdunkeln bei Funktion

[Joschi1711]

Hallo Leute,
Wie kann ich ein Bild mit einer Funktion wechsel oder abdunkeln?

<div class="IMAG0238-10">
			<img src="Bilder/IMAG0238_10.png" onClick="swi_eingang()" id= "eingang" width="24" height="50" border="0" alt=""></a>
	</div>

Das Bild löst eine Schaltfunktion von Pimatic aus:

function swi_eingang(){
	socket.emit('call', {
        id: 'executeAction-3',
        action: 'executeAction',
        params: {
            actionString: 'toggle lampen-eingang'
        }
    });
}

Den Schaltzustand erhalte ich mit:

socket.on('devices', function(devices){
console.log(devices);
if (devices[5].id == "lampen-eingang"){
    if (devices[5]["attributes"][0].value == true){
       ; // helles Bild
    }else{
       ;//dunkles Bild}
}
});

zurück
genau hier möchte ich das Bild abdunkeln oder durch ein dunkleres erstzen.

kann mir da jemand nen Tip geben?

 

[andreax]

Der Container vom Bild sollte dunkel sein oder umgekehrt dann kannst du über style Opacity die Helligkeit einstellen.

socket.on('devices', function(devices){
console.log(devices);
if (devices[5].id == "lampen-eingang"){
    if (devices[5]["attributes"][0].value == true){
      devices[5].style.opacity:1.0 ; // helles Bild
    }else{ devices[5].style.opacity:0.3 ; //dunkles Bild}
}
});