[XML] Wczytanie odrazu całej zawartości strony Opcje

[Rysioo]

Witam. Mam takie pytanie czy jest jakaś komenda w xhtmlu css czy php dzięki której można wczytać cała stronę .. może wytłumaczę o co chodzi , mam na stronie 4 ikony i po najechaniu na nie kursorem ikona zmienia się w inną - tylko że przy pierwszym najechaniu widać iż jest takie "zacięcie" czyli obraz jest dopiero wczytywany ale już przy kolejnym wszystko działa tak jak ma ikonki przeskakują w mgnieniu oka - no i chodziło mi o to aby przeglądarka wczytywała od razu oryginalną i alternatywną ikonę żeby nie było tego ścięcia przy najechaniu myszą. Da się coś takiego zrobić ?

[Mephistofeles]

Poczytaj o sprite'ach w CSS.

[webspy]

Dawno dawno gdzieś cos takiego widziałem, ladowało wszystkie zdjecia a dopiero potem wyswietlalo strone. Nie pamietam juz dokladnie ale poszukaj może ladowanie strony w javascript

[zegarek84]

w css to tak jak napisał Mephistofeles... ale tutaj efekt akurat masz w js - w js to poczytaj o obiekcie Image który służy do wcześniejszego załadowania obrazków do pamięci...

zresztą poczytaj u i trochu niżej bo na początku jest bez obiektu image a niżej opisane co i jak z przykłądami:
http://www.doman.art.pl/kursjs/kurs/obrazki.html

ps. i w sumie to jest działka DHTML - gdyż preloading obrazka da się jeszcze na kilaka sposobów uzyskać ale to w css i w js z obiektem image jest najprostsze...

Ten post edytował zegarek84 6.01.2010, 22:30:33

[cve]

Mozna to osiagnąć bardzo prostą metodą css z przesunieciem pozycji tla pod elementem, grafika jest juz zaladowana bez java script'u
Jesli div ma np. rozmiary 200px na 200px to tlo dla niego musi byc 2 razy szersze lub dluzsze czyli np. 200px na 400px oto przykladowy kod:

[HTML] pobierz, plaintext 
<style type="text/css">
div {
    width: 200px;
    height: 200px;
    background-image: url('tutaj_sciezka_do_podwojnego_tla');
    backgroung-position: 0px 0px;
}
</style>
[HTML] pobierz, plaintext 

to teraz 'najechany' myszka div bedzie miec tak:

[HTML] pobierz, plaintext 
<style type="text/css">
div:hover {
    background-position: 0px 200px;
}
</style>
[HTML] pobierz, plaintext 

dziala we wszystkich nowych przegladarkach chyba od IE 7 wzwyz, bo 6 nie rozumie pseudoklasy :hover dla innych elementow niz 'a', ale mozna to obejsc robiac w tym przykladowym divie link a ze stylem display:block i rozmiarami takimi jak ten div i wtedy dla a:hover dac tlo najechane.

tutaj masz lepiej wyjasniony przyklad: http://webmade.org/porady/rollover-css-tlo-menu.php

a znacznik [XML] w Twoim temacie nie ma kompletnie nic wspolnego z problemem.

Ten post edytował cve 6.01.2010, 23:40:26