png: OnMouseOver e UseMap

Zibang

Nuovo Utente
25 Set 2008
4
0
0
Salve a tutti ragazzi!
Avevo bisogno di attivare la trasparenza delle png su explorer, per cui ho usato questo java-script:
Codice:
// Correctly handle PNG transparency in Win IE 5.5 or higher.
// http://homepage.ntlworld.com/bobosola. Updated 02-March-2004

function correctPNG()
{
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);
Tutte le png però avevano anche le funzioni UseMap, OnMouseOver e OnMouseOut. Usando questo js, internet explorer non riconosce più nessuna delle tre funzioni.
Io credo che basti modificare lo js che ho postato sopra aggiungendo il riconoscimento delle opzioni UseMap, OnMouseOver e OnMouseOut. Il problema è che, non essendo pratico di questo linguaggio, non so proprio da dove partire... qualcuno sa come devo modificarlo? :eek:
Grazie mille a tutti in partenza! :)
 

Zibang

Nuovo Utente
25 Set 2008
4
0
0
Allora sì, le immagini sono sempre richiamate dal tag <img> e gli eventi UseMap, OnMouseOver e OnMouseOut ci sono sempre. Grazie mille! :fonzie:
 

Zibang

Nuovo Utente
25 Set 2008
4
0
0
Si tratta di una pagina html e le immagini .png hanno tutte una struttura di questo tipo:
Codice:
<map name="FPMap0">
<area coords="208, 88, 50" shape="circle" href="http://forum.mrwebmaster.it/javascript-dhtml/iframe3.html" onMouseOver="document.img7.src='img1.png';"
onMouseOut="document.img7.src='img2.png';" target="iframe2">
</map>
<img border="0" width="362" height="231" src="http://forum.mrwebmaster.it/javascript-dhtml/img1.png" name="img7" usemap="#FPMap0">

Se io attivo quello javascript per la trasparenza delle png inserendo questo tag sottostante, le png diventano trasparenti ma non vengono più riconosciuti gli eventi UseMap, OnMouseOver e OnMouseOut. :mad:
Codice:
<script defer type="text/javascript" src="pngfix.js"></script>
Credo che questo dipenda dal fatto che questi eventi non sono inseriti nello javascript, ma non so cosa scrivere nello js per farli riconoscere. Potresti aiutarmi?
 
Discussioni simili
Autore Titolo Forum Risposte Data
F Risoluzione in PNG o JPG Photoshop 2
O Problema con vettorizzazione da file png Webdesign e Grafica 1
L [Photoshop] Png pesanti che risalvati diventano leggeri Photoshop 1
P avatar con estensione png PHP 2
Shyson ingrandire immagine png Webdesign e Grafica 1
D Problema visualizzazione immagini png PHP 1
S Alternativa a png per immagini senza sfondo HTML e CSS 2
M ZenXHTML.com - Da PSD / PNG a HTML Presenta il tuo Sito 0
M Codifico in XHTML layout PSD, PNG, JPG... Altri Annunci 0
borgo italia immagini png Webdesign e Grafica 2
A photoshop cs3 problema con file png Photoshop 8
X Inserire immagine png al posto di swf Flash 6
E Png valide anche su explorer6 Webdesign e Grafica 0
B Trasparenza png su IE6 Webdesign e Grafica 0
X Help su PNG Behavior.htc Javascript 0
ElfoDelBasket png e IE...un scontro epocale Webdesign e Grafica 0
F png con sfondo trasparente Photoshop 0
T [PHP] [HTML] Action direttamente associate a onmouseover PHP 11
L onmouseover su div parenti indesiderato HTML e CSS 3
F onmouseover Javascript 3
K onMouseOver su immagine Javascript 2
P onmouseover e onmouseout su hotspot Javascript 15
G Onmouseout e onmouseover funziona solo lato backend Joomla 0
K onmouseover anteprima immagine come in google Javascript 2
LolliPoppingu Problema "onmouseover". HTML e CSS 24
H Funzione onmouseover per mostrare un box con un link da cliccare? Javascript 3
B onmouseover, immagini multiple su hotspot map Javascript 3
S Codice OnMouseOver Javascript 6
I onclick non cambia l'immagine invece onmouseOver e Out si Javascript 9
K Script - onmouseover compaiono immagine e testo Javascript 15
elilabruja onmouseover in php PHP 9
E [JAVA] modificare Script per evento onmouseover Javascript 0
T Aiuto effetto onmouseover immagine si allunga e compare testo Javascript 0
I onMouseOver su immagini Javascript 23
K testo ed img alternati con onmouseover Javascript 5
K onmouseover HTML e CSS 8
J OnMouseover Slideshow Javascript 0
T Onmouseover slideshow Javascript 3
K onmouseover in altro frame Javascript 2
D Problema onmouseover Javascript 0
A onMouseOver Javascript 6
S Usare onmouseover con 'campo immagine' e non al tag <img> Javascript 3
D evento onmouseover Javascript 9
sbobby OnMouseOver HTML e CSS 3
H problemi con onmouseover e GetElementById Javascript 1
M OnMouseOver non funziona Javascript 1
purno Cambio immagine con onMouseOver: HTML e CSS 7
§ onmouseover finestrella Javascript 2
C Marquee verticale che si ferma onmouseover HTML e CSS 8
W OnMouseOver su una map area HTML e CSS 5

Discussioni simili