olen etsinyt javascript-koodia, joka lataisi (preload) navigaatiopalkin kuvat etukäteen, että kun hiiri viedään kuvan päälle niin kuva vaihtuu heti. Osaisiko joku auttaa tällaisessa? Phpllä tätä tuskin saa aikaan...
Itseasiassa sama homma on minua mietityttänyt kanssa. olisi kätevää jos saisi isoja kuvia katsoessa niin että ensiksi lukisi vaikka Ladataan kuvaa ja sitten kun se on koneella niin se aukeaisi. joskus näin sellaisen jollain sivulla mutta kun en enää muista. jos joku tietää niin olisi kiva jos kertoisi!
Dreamweaver heitti tämmösen funkkarin, kun joskus tein sillä tommosia "rollover kuvia"
<script language="JavaScript" type="text/JavaScript">
<!--
function preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>Ja sitten
<body onLoad="preloadImages('kuva1.jpg.','kuva2.jpg','kuva3.jpg','jne...')>Siis ite en tajua tosta hölkäsen pöläystä, mutta ilmottele jos tuo toimii.
En jaksanut testata mutta sen mitä huonolla englannilla tuosta huomasin niin tuo ei näytä latausaikana "ladataan" -tekstiä. sellanen olisi hiano mutta ei pakollinen! mietin että olisi sivuille jos sattuu olemaan hidas yhteys niin sivut ei näyttäisi rumalta latautumisen aikana.. puolet näkyy ja sitten kohta ilmestyy joku kuva ja sit hetkenpäästä joku. ajatellen modeemikäyttäjiä. toisaalta ei se ole minun ongelma jos niillä on modeemit. mutta joo.. nyt taas karkasi!
Joo, eli turha juttu. Auttakoon joku, joka sen oikeasti osaa :)
no ei toiminut ainakaan vielä... aika paljo teettää tosin työtä
Sain sen toimimaan, kiitti.
lainaus:
En jaksanut testata mutta sen mitä huonolla englannilla tuosta huomasin niin tuo ei näytä latausaikana "ladataan" -tekstiä. sellanen olisi hiano mutta ei pakollinen! mietin että olisi sivuille jos sattuu olemaan hidas yhteys niin sivut ei näyttäisi rumalta latautumisen aikana.. puolet näkyy ja sitten kohta ilmestyy joku kuva ja sit hetkenpäästä joku. ajatellen modeemikäyttäjiä. toisaalta ei se ole minun ongelma jos niillä on modeemit. mutta joo.. nyt taas karkasi!
nyt puhutaan kuitenkin vain parin kilon valikkonapeista jotka on alle 100x100 ja giffinä joten tuskin modeemilla nyt hulluna kestää ladata...
Muuten, testasin ton scriptin ja ainakin mulla se latasi kaikki noi kuvat ,mitä onloadiin oli määritelty, vaikka niitä ei edes tulostettu mihinkään sivulle.
lainaus:
En jaksanut testata mutta sen mitä huonolla englannilla tuosta huomasin niin tuo ei näytä latausaikana "ladataan" -tekstiä. sellanen olisi hiano mutta ei pakollinen! mietin että olisi sivuille jos sattuu olemaan hidas yhteys niin sivut ei näyttäisi rumalta latautumisen aikana.. puolet näkyy ja sitten kohta ilmestyy joku kuva ja sit hetkenpäästä joku.
Tee siitä pieni flash-animaatio joka näyttää sen kuvan. ja sillon ku se lataa ni näytä vaik et 'loading...' :P
Suorita kuvien vaihtaminen tyyliin "if(loaded==true){document.images.munkuva.src=
tämä koodi ei toimi php-tiedostoissa, vain htm ja html. Onko vastaavanlaista koodia olemassa phpllä? lataisi kuvat etukäteen?
lainaus:
tämä koodi ei toimi php-tiedostoissa, vain htm ja html. Onko vastaavanlaista koodia olemassa phpllä? lataisi kuvat etukäteen?
Php on palvelinpuolen ohjelmointikieli ja näin ollen sillä ei voi kontrolloida selainta samoin kuin javascriptillä.
Sisällytä javascriptit php-tiedostojen html-osuuksiin, niin sitten toimii.
Tässä se on...
<script language="JavaScript">
Pic0 = new Image(); Pic0.src = "images/kuva0.jpg";
Pic1 = new Image(); Pic1.src = "images/kuva1.jpg";
function ChangePic(pic,wid,hei)
{
document['large'].src=pic.src;
document['large'].width=wid;
document['large'].height=hei;
}
</script>
....
<img border="0" name="spic" onMouseOver="ChangePic(Pic0,150,200);" src="images/kuva0small.jpg" width="70" height="38">
<img border="0" name="spic" onMouseOver="ChangePic(Pic1,150,200);" src="images/kuva1small.jpg" width="70" height="38">
....
<img name="large" src="images/kuva0.jpg" width="150" height="200">Kopioi koodit sopiviin kohtiin dokumentissa.
Luo neljä kuvaa - kuva0.jpg ja kuva1.jpg sekä kuva0small.jpg ja kuva1small.jpg, jotka ovat pikkukuvia isoista kuvista. Tallenna ne images kansioon, joka on samassa kansiossa kuin dokumentti.
Käytän itse samaa koodia eräässä sivustossa. Pitäisi toimia...
<img src="rolloverkuva" lowSrc="ladataan_kuva">
Aihe on jo aika vanha, joten et voi enää vastata siihen.