[IE] problemen met afbeeldingen

[Verwijderd]

Edit : Hmm, "met afbeeldingen" is weggevallen uit de titel...

Ik ben momenteel bezig met een site voor een vriend van me...
Nu wou ik graag een afbeelding (.png) van een gitaar erin zetten...
In FF wordt de gitaar prima afgebeeld, in IE helemaal niet... suprised? not me...
kijk maar ff
Kent iemand hier een oplossing voor?
Misschien opslaan als een andere soort afbeelding, of tweaken met de .png options??

[ Voor 10% gewijzigd door Verwijderd op 26-01-2006 14:01 ]

[Verwijderd]

Ik bekijk je voorbeeld hier met internet explorer maar ik zie je gitaar gewoon te staan. Ik neem dus aan dat je de transparantie bedoeld. IE ondersteund geen transparante .png's.

Met wat javascript kun je de transparantie wel bewerkstelligen, alleen zie je in jouw geval dan elke keer als je de pagina laadt even een flikkering. De witte achtergrond van de gitaar moet transparant gemaakt worden.)

Het javascript had je met een beetje zoeken hier op GoT zo kunnen vinden: LINK

[Matias]

T script dat ik altijd gebruik is de volgende:

<script language="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
var imgAttribs = img.attributes;
for (var j=0; j<imgAttribs.length; j++)
{
var imgAttrib = imgAttribs[j];
if (imgAttrib.nodeName == "align")
{
if (imgAttrib.nodeValue == "left") imgStyle = "float:left;" + imgStyle
if (imgAttrib.nodeValue == "right") imgStyle = "float:right;" + imgStyle
break
}
}
var strNewHTML = "<span " + imgID + imgClass + imgTitle
strNewHTML += " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
strNewHTML += "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
</script>

Geen idee hoe je hier overgens een "script box" aanmaakt op GoT

[ Voor 56% gewijzigd door Matias op 26-01-2006 14:21 ]

[RagaBaSH]

matiasjansen schreef op donderdag 26 januari 2006 @ 14:20:
Geen idee hoe je hier overgens een "script box" aanmaakt op GoT

offtopic:
met "["code"]" en "["/code"]" (met code=$SCRIPTTAAL kan je aangeven welke taal je codeblok is)

Kijk anders even hier voor een oplossing (zowel PHP based as JS based)

[Verwijderd]

RagaBaSH schreef op donderdag 26 januari 2006 @ 14:35:
[...]

offtopic:
met "["code"]" en "["/code"]" (met code=$SCRIPTTAAL kan je aangeven welke taal je codeblok is)

Kijk anders even hier voor een oplossing (zowel PHP based as JS based)

Dank!
PHP versie werkt perfectkijk maar !
ter vergelijking de oude
btw je ziet het verschil alleen in IE

[Copyman]

Hier is een een behavior voor ontwikkeld, waarover je hier meer kan lezen:

[rml]Copyman in "[ Dreamweaver] transparency png wordt bla..."[/rml]