preload af billeder

<ole>

Yups  ;o)
Du kan f.eks. skrive:

<script language="javascript">
var path = "http://www.domain.dk/sti/til/billeder/";
var preload = new Array("pic1.gif","pic2.gif","pic3.gif");
function doPreload() {
    var tx;
    for (var i=0; preload.length>i; i++ ) {
        tx = path + preload[i];
        preload[i] = new Image();
        preload[i].src = tx;
    };
};
doPreload();
</script>

/mvh
</bole>

- og så lige et tidssvarende script-tag:
    <script type="text/javascript">

;o)

Det har jeg prøvet...

OG det vil den heller ik...

Men når jeg så bruger de billeder skal jeg så bruge java funktionen eller hvordan ?

Jo, det virker nu fint  :)
Det kan f.eks. gøres sådan:

<script type="text/JavaScript">
var path = "http://www.domain.dk/sti/til/billeder/";
var preload = new Array("pic1.gif","pic2.gif","pic3.gif");
function doPreload() {
    var tx;
    for (var i=0; preload.length>i; i++ ) {
        tx = path + preload[i];
        preload[i] = new Image();
        preload[i].src = tx;
    };
};
doPreload();

function swap(oImg, imInx) {
    oImg.src = preload[imInx].src
}
</script>

<img src="tja.gif" onmouseover="swap(this, 1)">

Hvad hvis jeg skal bruge det til det her:

style="height: 40px; font-family: arial; background: url('/_images/forms/submit/large/normal/submit_center.gif'); font-weight: bold; color: #6b760d; font-size: 14;"

Altså som baggrund billede

IE vil normalt checke for, om der er en ny version af billedet på serveren, når det skal indsættes som baggrundsbillede. I FF burde der ikke være problemer.

Iøvrigt kan du også gøre det på en anden måde, end den jeg viste før (ingen af metoderne er dog bedre end den anden):

<script type="text/JavaScript">
var path = "http://www.domain.dk/sti/til/billeder/";
var preload = new Array("pic1.gif","pic2.gif","pic3.gif");
function doPreload() {
    var tx;
    for (var i=0; preload.length>i; i++ ) {
        tx = path + preload[i];
        preload[i] = new Image();
        preload[i].src = tx;
    };
};
doPreload();

function swap(oImg, imSrc) {
    oImg.src = path + imSrc;
}
</script>

<img src="tja.gif" onmouseover="swap(this, 'pic2.gif')">

- og som baggrundsbillede:

<script type="text/JavaScript">
var path = "http://www.domain.dk/sti/til/billeder/";
var preload = new Array("pic1.gif","pic2.gif","pic3.gif");
function doPreload() {
    var tx;
    for (var i=0; preload.length>i; i++ ) {
        tx = path + preload[i];
        preload[i] = new Image();
        preload[i].src = tx;
    };
};
doPreload();

function swap(oDiv, imSrc) {
    oDiv.style.backgroundImage = "url(" + path + imSrc + ")";
}
</script>

<div onmouseover="swap(this, 'pic2.gif')">Tekst</div>

Der er altså ingen mulighed for at tvinge en preloader igennem til IE brugere ?

- ikke umiddelbart. Men afhængig af, hvordan det skal bruges, kunne man måske gøre noget andet:

<div style="position:relative;width:100px;height:50px" onmouseover="swap(this, 'pic2.gif')">
    <div style="position:absolute;left:0;top:0;z-index:1">Tekst</div>
    <img src="tja.gif" style="position:absolute;left:0;top:0;z-index:0">
</div>

- og så omskrive swap-funktionen til:

function swap(oDiv, imSrc) {
    oDiv.getElementsByTagName("img")[0].src = path + imSrc;
}

- men det er ikke til at vide, om det kan bruges, når jeg ikke ved mere om, hvordan det præcist skal bruges  :)

Jeg er på vej ud af døren, men kommer måske forbi imorgen ... har ikke så meget tid i øjeblikket  :o|