Png trasparenti con explorer

Ciao,

ho provato a implementare uno script(trovato in giro) per usare le png
trasparenti con explorer, il fatto è che lo script è molto lento e mi
chiedevo se non ci fosse un metodo migliore, magari in rails, cmq se
interessa questo è il codice

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 + “;”

  • “filter:progid:DXImageTransform.Microsoft.AlphaImageLoader”

  • “(src=’” + img.src + “’, sizingMethod=‘scale’);”>"

img.outerHTML = strNewHTML
i = i-1
}}}

Anch’io ho usato questo script… il problema è che a me non funziona,
perchè dopo il .png ho i famosi ?numeri che inserisce in automatico
l’helper
image_tag! Ho pensato fosse perchè sto lavorando in modalità deployment…
ma ho messo una versione demo del mio sito on line (in versione
production)
e i ?numeri dopo il .png me li mette comunque… :frowning:

a me funziona solo che ci mette tipo 1 secondo a manipolare l’ immagine
e l’
effetto che si vede fa schifo, praticamente vedi lo sfondo e poi
sparisce,
orribile.

----- Original Message -----
From: “Piera Vitella” [email protected]
To: “ruby-it” [email protected]
Sent: Tuesday, December 05, 2006 11:56 PM
Subject: Re: [ruby-it] png trasparenti con explorer

Anch’io ho usato questo script… il problema è che a me non funziona,
perchè dopo il .png ho i famosi ?numeri che inserisce in automatico
l’helper
image_tag! Ho pensato fosse perchè sto lavorando in modalità deployment…
ma ho messo una versione demo del mio sito on line (in versione
production)
e i ?numeri dopo il .png me li mette comunque… :frowning:

On 12/5/06, stb [email protected] wrote:

var version = parseFloat(arVersion[1])
var img = document.images[i]

i = i-1
}}}


Ml mailing list
[email protected]
http://lists.ruby-it.org/mailman/listinfo/ml


Ml mailing list
[email protected]
http://lists.ruby-it.org/mailman/listinfo/ml

Ma sei riuscito a capire se il problema nasce dallo script che
rimastica il DOM e applica il filter oppure se è proprio il filtro a
essere lento di suo? Cioè, se fai una pagina con dei png trasparenti e
applichi lo stile con il filtro a mano, è più lesto?
Se le immagini della tua pagina sono tante, il loop lì potrebbe essere
un po’ costoso (ma non dovrebbe; mica ha migliaia di immagini?).
stb wrote:

 a me funziona solo che ci mette tipo 1 secondo a manipolare l'
 immagine e l' effetto che si vede fa schifo, praticamente vedi lo
 sfondo e poi sparisce, orribile.
 ----- Original Message ----- From: "Piera Vitella"
 [1]<[email protected]>
 To: "ruby-it" [2]<[email protected]>
 Sent: Tuesday, December 05, 2006 11:56 PM
 Subject: Re: [ruby-it] png trasparenti con explorer
 Anch'io ho usato questo script... il problema è che a me non
 funziona,
 perchè dopo il .png ho i famosi ?numeri che inserisce in automatico
 l'helper
 image_tag! Ho pensato fosse perchè sto lavorando in modalità 
 deployment...
 ma ho messo una versione demo del mio sito on line (in versione
 production)
 e i ?numeri dopo il .png me li mette comunque... :-(
 On 12/5/06, stb [3]<[email protected]> wrote:

 Ciao,
 ho provato a implementare uno script(trovato in giro) per usare le
 png
 trasparenti con explorer, il fatto è che lo script è molto lento e
 mi
 chiedevo se non ci fosse un metodo migliore, magari in rails, cmq
 se
 interessa questo è il codice
 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 + ";"
 + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
 + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
 img.outerHTML = strNewHTML
 i = i-1
 }}}
 _______________________________________________
 Ml mailing list
 [4][email protected]
 [5]http://lists.ruby-it.org/mailman/listinfo/ml

 _______________________________________________
 Ml mailing list
 [6][email protected]
 [7]http://lists.ruby-it.org/mailman/listinfo/ml
 _______________________________________________
 Ml mailing list
 [8][email protected]
 [9]http://lists.ruby-it.org/mailman/listinfo/ml


“Remember, always be yourself. Unless you suck.” - Joss Whedon

References

  1. mailto:[email protected]
  2. mailto:[email protected]
  3. mailto:[email protected]
  4. mailto:[email protected]
  5. http://lists.ruby-it.org/mailman/listinfo/ml
  6. mailto:[email protected]
  7. http://lists.ruby-it.org/mailman/listinfo/ml
  8. mailto:[email protected]
  9. http://lists.ruby-it.org/mailman/listinfo/ml