problemino png

[whiTe01]

ciao a tutti,
scusatemi, avete uno script per far visualizzare le png trasparenti in IE inferiore a 7?
come vedete http://www.dualdesign.it si vedono grigie le img..

help

[br1]

// WBchat 2.0a [08/09/2006]
// Simone Cingano (imente)
// http://www.imente.it/wbchat

/* FUNCTION PNGFIX
 * 		correctly handle PNG transparency in Win IE 5.5 or higher
 *
 * THANKS TO 	http://homepage.ntlworld.com/bobosola. Updated 02-March-2004
 * MODIFIED BY 	imente
 */

function pngfix() {
	
	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
		 }
	  }
	  
}

if (is_ie5_5up && !is_ie7_7up) { window.attachEvent("onload", pngfix); }

L'autore e' giustamente citato...
ciao

[whiTe01]

messo, me lo provate? perke io ho internet explorer 7

[br1]

Originariamente inviato da whiTe01
messo, me lo provate? perke io ho internet explorer 7

IE6 : ok (ma lo avevo gia' provato in altri siti...)

ciao

[whiTe01]

sicuro ke si vede bene? ce gente ke mi dice ke si vedono i sfondi grigi
nn ci capisco piu niente

[fcaldera]

C'è da dire che lo script può anche non funzionare, perchè l'attributo src dell'activeX alphaimageloader non è relativo a dove si trova lo script ma a dove si trova il file che include questo script

ad esempio se includo quello script richiamando un file js esterno che non si trova nella stessa cartella del file che lo chiama, il filtro non funzionerà (assumo però che il src dell'immagine sia relativo e non assoluto).

Ci sono alcune cose che forse potrebbero essere semplificate: ad esempio ho risolto lo stesso problema di recente senza usare javascript ma usando solo i fogli di stile; nel mio caso dovevo creare degli sfondi semitrasparenti con testo opaco al 100%.

Una "proof of concept" è visibile qui

http://www.fabriziocalderan.it/bg_png/bg2.html

compatibilità con IE 5.5+ e quasi tutti gli altri browser (finora la sola eccezione è konqueror)

[whiTe01]

quindi come faccio?
la struttura è questa

root/index.php Include il file pngfix.js
root/js/pngfix.js file ke dovrebbe fixare le immagini png
root/img/ cartella dove si trovano le immagini

mi dite perke nn va?

[whiTe01]

uppino, aiutatemi pls..

[whiTe01]

up -.-

[whiTe01]

vabbhe è un caso perso