resize al volo png e problemi ie6

[jartiello]

Salve a tutti,

Utilizzo una classe php per fare il resize al volo di immagini png trasparenti, in IE6 ho il solito problema della trasparenza che risolvo utilizzando pngfix.
Ovviamente facendo il resize al volo dell'immagine il pngfix serve a poco.
Esiste un metodo per ovviare a questo problema utilizzando comunque il resize a video?

Grazie.

[filippo.toso]

Originariamente inviato da jartiello
Ovviamente facendo il resize al volo dell'immagine il pngfix serve a poco.

E perchè mai?

[jartiello]

perchè faccio il resize utilizzando un'altra pagina, es:

[img]show_image.php?filename=mia_immagine.png&r=60[/img]

e il pngfix non viene applicato a queste immagini.

[filippo.toso]

O modifichi il codice di pngfix per farlo funzionare con quell'URL, oppure utilizzi mod_rewrite per far si che l'url sia adatto a pngfix.

In entrambi i modi risolvi il problema.

[jartiello]

Potrei utilizzare il mod_rewrite ma non saprei da dove iniziare.

[jartiello]

Ok ci sono riuscito utilizzando il mod_rewrite:

RewriteRule ^img-small/([A-Za-z0-9/_-]+).(jpg|gif|png)$ show_image.php?filename=$1.$2&r=60

Ora mi chiedo, questa soluzione in termini generali è più conveniente dell'altra che hai consigliato (quella di modifcare il pngfix)?

riporto il codice del pngfix che utilizzo (sono curioso di capire come modificarlo):


var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

if ((version >= 5.5) && (document.body.filters))
{
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 + ";"
+ "filterrogidXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}

[filippo.toso]

Visto il codice che hai postato, probabilmente era sufficiente scrivere il tag IMG come segue:

[img]show_image.php?r=60&filename=mia_immagine.png[/img] 

[jartiello]

Intendi questo?

var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filterrogidXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'show_image.php?filename=" + img.src + "&r=100\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML

Ma cmq in questo modo applico il resize a tutte le immagini del sito sotto IE6, cosa che non devo.