Top
Phpuniverset logo
 

INDHOLD

Forside

Job annoncer

Tips og Tricks

Konkurrence

Downloads

Dokumenter

PHP bog shop

Forum

Online udviklere


Propelcom

ARTIKLER

CSS

Diverse

E-handel / annoncer

Grafik

Html

Internet

Javascript

Linux

PHP/MySQL

Programmer

Flash

Søgemaskiner

Windows

C / C++


INFO

Information

Annoncering

Kontakt

Transparent fix af png i explorer

Forside Kategori Javascript Transparent fix af png i explorer




 

Hvis du vil brugegennemsigtige png filer istedet for gif har du et problem i IE 5.5 og op efter, da IE 5.5 og op efter ikke kan vise PNG alpha transparency ordentlig, virker kun hvis man hjælper IE med på vejen.

Brug følgene kode

Indsæt i html head:


<SCRIPT LANGUAGE="JavaScript1.1">
if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
document.writeln('<style type="text/css">img { visibility:hidden; } </style>');
window.attachEvent("onload", fnLoadPngs);
}

function fnLoadPngs() {
var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);

for (var i = document.images.length - 1, img = null; (img = document.images[i]); i--) {
if (itsAllGood && img.src.match(/\.png$/i) != null) {
var src = img.src;
img.style.width = img.width + "px";
img.style.height = img.height + "px";
img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')"
img.src = "blank.gif";
}
img.style.visibility = "visible";
}
}


</script>


I body indsætter du normal img kode så vil din javascript i head automatisk rette IE.

<img src="din-png-fil.png" width="200" height="100">


Husk at lave en gif fil som hedder eks. blank.gif som er 100% transparent, se filnavnet i javascript koden

Hvad er fordelen ved png?
Fordelen er at din transparent er flottere end med gif som kun kan lave 1 transparent farve.



Skrevet af: Thor B.N. | Dato : 2005-09-15 10:4 | Læst : 9808 gange | Print

Din kommentar og karakter til artiklen

Din karakter:

1

2

3

4

5

6

7

8

9

10

Kommentar:

Log ind for at give en karakter og kommentar.

Kommentarer og karakterer til artiklen

 


5/10

"Kunne godt være lidt mere bruger vendlig/nybegynder vendlig! Jeg tror det vil være rimelig svært for én nybegynder, og forstå! "

Brown | 09.12.2007, 17:38

 

Send Artikel/anmeldelse til: phpuni@phpuniverset.dk

Tilbage til oversigt

FORUM

Nyeste forum indlæg :

PHP/Opencart import module

Opencart/php import modul hjælp

Lækkert kontor / kontorfællesskab i Helsingør

Opdatering af PHP

Vurdering af hjemmeside

Nyeste forum svar :

Lækkert kontor / kontorfællesskab i Helsingør

Android programmering

Joomla som CMS

Grafik problemer

Prissammenligningsside

 

MEDLEM

LOGIN ER IKKE MULIGT, MENS VI LAVER NYT SITE
 

NYHEDSBREV

Nyhedsbrev

Tilmeld dig vores nyhedsbrev og modtag nyheder om nye scripts og tips samt om mange andre nye tiltag på Phpuniverset.dk


 

© Copyright 2000 Propelcom Phpuniverset's politik om personlige oplysninger, artikler & Koder Phpuniverset er optimeret til Mozilla 1024 * 768 Phpuniverset version: 3.0 beta
Webhost : Ignesco.dk - android talk & help

Bund