Image transparente - est-ce possible dans JS?

Est-il possible de définir la transparence de n'importe quelle image en javascript? Et comment puis-je faire ça?Image transparente - est-ce possible dans JS?

Source

2010-03-07 oneat

Utilisez-vous une librairie javascript/cadre, ou juste vanille JS? –

pour moi JS est un javascript brut. Donc je n'en utilise pas. – oneat

Si vous utilisez simplement javascript cela devrait fonctionner:

function SetOpacity(imageid, opacity) { 
    var s= document.getElementById(imageid).style; 
    s.opacity = (opacity/100); 
    s.MozOpacity = (opacity/100); 
    s.KhtmlOpacity = (opacity/100); 
    s.filter = 'alpha(opacity=' + opacity + ')'; 
}

Appel par: SetOpacity('myImg', 50); //Half transparent

Source here

Source

2010-03-07 13:18:42

Serait plus efficace d'utiliser une variable pour opacity/100: var decentBrowserOpacityValue = opacity/100, OU laisser l'opacité être une valeur entre 0-1, et utiliser s.filter = 'alpha (opacité =' + (opacité * 100) + ')'; – KooiInc

@Kooilnc - Possiblement, 1 assignation variable et 1 division moins cher que 3 divisions? Je ne suis pas sûr, mais je parie que c'est une différence infinitésimale de toute façon. Dans ce cas, la grande majorité de votre travail est le moteur de rendu du navigateur rendant l'image transparente ... la différence dans l'affectation des variables est une micro-optimisation qui rend le code moins lisible, donc j'ai tendance à rester loin de ces cas simples . –

@Nick Craver - c'est micro en effet, mais vous savez comment c'est: de nombreux micros ont tendance à en faire un gros. Un autre point peut être la «microsoft orientedness» de la fonction, que j'ai abordée dans la clause OR. Eh bien, c'est une question de goût, je suppose. – KooiInc

Oui.

En utilisant jQuery:

$('#yourImageId').css('opacity', .5);

Source

2010-03-07 13:17:55 SLaks

Image transparente - est-ce possible dans JS?

Répondre

Questions connexes