![]() |
![]() ![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 139 Pomógł: 0 Dołączył: 2.04.2008 Ostrzeżenie: (0%) ![]() ![]() |
Witam.
Mam taki problem. Mam duży obrazek jako tło strony w png, zajmuje 1 MB, jak zrobić żeby zanim ktoś zobaczy stronę najpierw wczytał się ten obrazek i było to pokazane że coś się ładuje jakiś preloader. Wygląda to tak. Robię stronę www. 1 strona w katalogu root to będzie index.html i to będzie strona powitalna, typu witamy na naszej stronie etc. Chciałbym na niej umieścić jakiś preloader albo coś w tym stylu który ładowałby co cache automatycznie w tle kolejną stronę z katalogu np. /aktualności/index.html na tej stronie właśnie jest umieszczony jako tło ten obrazek PNG. jak już wczyta się ten obrazek PNG to strona powitalna pokaże postronę aktualności. znacie jakies rozwiazanie ? nie wiem jakiego jeżyka to tego użyć, preloader we flash mógłby zadziałać z actionscript ale sam czysty PNG musiałby być osadzony w divie. |
|
|
![]()
Post
#2
|
|
Grupa: Moderatorzy Postów: 8 989 Pomógł: 1550 Dołączył: 8.08.2008 Skąd: Słupsk/Gdańsk ![]() |
W spróbuj w javascript użyc obiektu image. Badz po prostu utworzyć ukryty obrazek z twoim tlem i dorzucic do niego obsługę zdarzenia onLoad.
|
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 139 Pomógł: 0 Dołączył: 2.04.2008 Ostrzeżenie: (0%) ![]() ![]() |
W spróbuj w javascript użyc obiektu image. Badz po prostu utworzyć ukryty obrazek z twoim tlem i dorzucic do niego obsługę zdarzenia onLoad. uuu (IMG:style_emoticons/default/sad.gif) ale ja tego nie umiem (IMG:style_emoticons/default/sad.gif) dlatego napisałem na przedszkole (IMG:style_emoticons/default/sad.gif) prosze o pomoc |
|
|
![]()
Post
#4
|
|
Grupa: Zarejestrowani Postów: 4 655 Pomógł: 556 Dołączył: 17.03.2009 Skąd: Katowice Ostrzeżenie: (0%) ![]() ![]() |
uuu (IMG:style_emoticons/default/sad.gif) ale ja tego nie umiem (IMG:style_emoticons/default/sad.gif) dlatego napisałem na przedszkole (IMG:style_emoticons/default/sad.gif) prosze o pomoc Dlatego też dostałeś podpowiedź... ciężko poszukać? Google: javascript image object |
|
|
![]()
Post
#5
|
|
Grupa: Moderatorzy Postów: 8 989 Pomógł: 1550 Dołączył: 8.08.2008 Skąd: Słupsk/Gdańsk ![]() |
Z użyciem obiektu image moze byc pewien problem wiec polecam od razu http://api.jquery.com/load-event/ dla początkujących (IMG:style_emoticons/default/smile.gif)
|
|
|
![]()
Post
#6
|
|
Grupa: Zarejestrowani Postów: 139 Pomógł: 0 Dołączył: 2.04.2008 Ostrzeżenie: (0%) ![]() ![]() |
Z użyciem obiektu image moze byc pewien problem wiec polecam od razu http://api.jquery.com/load-event/ dla początkujących (IMG:style_emoticons/default/smile.gif) a na przykładzie index.html jak to zrobic ? napiszesz mi ? |
|
|
![]()
Post
#7
|
|
Grupa: Zarejestrowani Postów: 37 Pomógł: 5 Dołączył: 3.02.2009 Ostrzeżenie: (0%) ![]() ![]() |
Może zanim się uporasz z tym loaderem to spróbuj zmniejszyć obrazek?
Jeżeli nie musi być to PNG to może wstaw JPG z kompresją... chociaż to już zależy od tego co to za obrazek, co przedstawia i czy musi być super jakości.... a na przykładzie index.html jak to zrobic ? napiszesz mi ? tu masz przykład: http://jsbin.com/asizo/edit możesz edytować nawet i sprawdzić pogląd (IMG:style_emoticons/default/smile.gif) Ten post edytował melkor1984 22.03.2010, 11:45:22 |
|
|
![]()
Post
#8
|
|
Grupa: Zarejestrowani Postów: 139 Pomógł: 0 Dołączył: 2.04.2008 Ostrzeżenie: (0%) ![]() ![]() |
Może zanim się uporasz z tym loaderem to spróbuj zmniejszyć obrazek? Jeżeli nie musi być to PNG to może wstaw JPG z kompresją... chociaż to już zależy od tego co to za obrazek, co przedstawia i czy musi być super jakości.... tu masz przykład: http://jsbin.com/asizo/edit możesz edytować nawet i sprawdzić pogląd (IMG:style_emoticons/default/smile.gif) mam pytania odnośnie tego. czyli w body wstawiam obrazek a kod js gdzie zapisuje ? i co się stanie jak strona sie zaladuje ? nie to powyzej nie dziala tak jak chce (IMG:style_emoticons/default/sad.gif) ja chce zeby najpierw wczytalo obrazek z dzialu aktualnosci a dopiero pozniej na ta strone aktualnosci przekierowalo przegladajacego. jakies pomysly ? |
|
|
![]() ![]() |
![]() |
Aktualny czas: 23.08.2025 - 20:29 |