Navigointivalikossa (vai mikä on se oikea nimitys?) taustakuva vaihtuu, kun hiiri on päällä.
a.linkki:hover{
background: url(kuva-mouseover.gif);
}
Taustakuva ei kuitenkaan tule heti näkyviin vaan viiveellä, jolloin näkyy vain valkoinen tausta.
CSS ja html -koodaukset ovat validit. Taustakuva on gif ja IrfanView sanoo kuvan kooksi vain 0,35kb. CSS-tiedosto ja taustakuva ovat juurihakemistossa, jotta ei olisi viivettä, mutta viive vain pysyy.
Saisiko viiveen jollakin keinolla pois?
a.linkki:hover{
background: url(kuva-mouseover.gif);
}
Taustakuva ei kuitenkaan tule heti näkyviin vaan viiveellä, jolloin näkyy vain valkoinen tausta.
CSS ja html -koodaukset ovat validit. Taustakuva on gif ja IrfanView sanoo kuvan kooksi vain 0,35kb. CSS-tiedosto ja taustakuva ovat juurihakemistossa, jotta ei olisi viivettä, mutta viive vain pysyy.
Saisiko viiveen jollakin keinolla pois?
Vastaukset 4
Vanhimmat
tuo toimisi..
{
background-image:
url('kuvannimi.jpg')
auttaneet css-tiedoston muutokset.
javascriptillä ladata kuvat kävijän välimuistiin heti, kun sivulle tullaan?
Viivehän johtuu tietenkin siitä, että ne kuvat ladataan VASTA silloin kun niitä käytetään (eli kun hiiri laitetaan ekan kerran kuvan päälle).
Eli jollakin tavalla ne kuvat kannattaisi ladata valmiiksi. En ole koittanut tätä, mutta luultavasti saat ne varmaan ladattua ihan css:lläkin:
Laitat sivulle vaikka ihan tyhjän divin, esim.:
Sitten css:ään seuraavan tapainen hässäkkä:
#esilataus {
background-image: url(Vaihtuvakuva.jpg);
position: absolute;
left: -1000px;
}
Huom, en ole testannut tuota. Sen luulisi silti toimivan siten että tuota diviä varten ladataan kuva, joten se kuva on selaimen välimuistissa myös muuta käyttöä varten. Ja diviähän ei tietenkään näy, koska se on kaukana kuvaruudun ulkopuolella.