184 visiteur(s) en ligne
Date actuelle : 29-03-2024, 13:15 PM Bienvenue, Visiteur ! ( Identification S'enregistrer )







 
[javascript] Transparence des PNG sur IE
 
Note de cette discussion :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
Auteur Message
sheitan Hors ligne
Informaticien moyen
***

Messages : 111
Inscription : Jul 2008
Réputation : 0
Message : #1
[javascript] Transparence des PNG sur IE
Bonsoir,

j'ai un petit script JS pour la transparences des png sous IE,
Il n'utilise aucune image ce que je trouve plutôt pas mal, il se charge asser rapidement ce qui est un bon point aussi..
par contre il ne fonctionne que pour la balise img, ce qui fait que toutes les images qui sont mis en css avec la commande 'background' ne sont pas pris en compte, c'est là qu'est l'os Sad

peut on corriger ce problème sans trop augmenter le volume du script?
est ce que c'est possible sans utiliser d'image et est-ce la meilleur méthode?

Merci d'avance Smile



<script language="JavaScript" type="text/JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
</script>[/i]


26-07-2008 18:52 PM
Envoyer un email à cet utilisateur Visiter le site internet de cet utilisateur Trouver tous les messages de cet utilisateur Citer ce message dans une réponse
TotofTeam Hors ligne
Designer
******

Messages : 948
Inscription : Mar 2006
Réputation : 0
Message : #2
 

Mon Portfolio : www.christophe-sciortino.fr
Have a nice day Sleepy
30-07-2008 08:15 AM
Envoyer un email à cet utilisateur Visiter le site internet de cet utilisateur Trouver tous les messages de cet utilisateur Citer ce message dans une réponse
Troll Hors ligne
Trolls' master
******

Messages : 15 818
Inscription : Mar 2006
Réputation : 21
Message : #3
[javascript] Transparence des PNG sur IE
Salut vous deux,

Ton script JavaScript ne fait rien d'autre que ajouter une propriété CSS aux images en PNG...

Donc en prenant cette propriété CSS et en la mettant dans ta feuille de style pour les éléments qui ont un background-image en PNG ça devrait fonctionner Wink

C'est pas automatique mais de toute façon des éléments avec un background-image en PNG, sont en généralement pas générés par l'utilisateur (comme ca pourrait être le cas pour une image sur un forum).

Note : la propriété CSS à utiliser - "filter:" - n'est pas valide à ma connaissance, inclus-la donc dans uen feuille CSS spéciale pour IE que tu incluera dans ta page avec des commentaires conditionnels HTML Wink

Un poste sans accent ? La faute au clavier qwerty :/
|| Merci de mettre des titres explicites !!! || La bouille à Troll ? || 
Vous voulez remercier l'équipe du forum ? Participez ! Exprimez-vous ! Revenez et parlez de ce que vous voulez ! Wink Image: actualites-informatiques-pcw.1.gif
30-07-2008 11:26 AM
Visiter le site internet de cet utilisateur Trouver tous les messages de cet utilisateur Citer ce message dans une réponse




Discussions apparemment similaires...
Discussion : Auteur Réponses : Affichages : Dernier message
  [php/javascript]aide sur un script Nell95 8 6 693 18-07-2010 10:27 AM
Dernier message: Troll
  [Résolu] Pop-Up JavaScript -Sh4D0w- 32 6 487 05-06-2008 20:30 PM
Dernier message: Troll

Aller à :


Utilisateur(s) parcourant cette discussion : 1 visiteur(s)