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?
Valikon taustakuvan viive?
webnovice
4
359
Vastaukset
- Poro1
tuo toimisi..
{
background-image:
url('kuvannimi.jpg')- webnovice
auttaneet css-tiedoston muutokset.
- webnovice
javascriptillä ladata kuvat kävijän välimuistiin heti, kun sivulle tullaan?
- Höpö.
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.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 742942
- 652793
- 681822
Tykkään susta
Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä171669- 241657
- 201600
- 231553
- 481297
- 381273
Onko meillä
Molemmilla nyt hyvät fiilikset😢ei ainakaan mulla mutta eteenpäin on mentävä😏ikävä on, kait se helpottaa ajan myötä. Ko91259