Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP] problem z nivo slider - nie wyświetla się loader
Forum PHP.pl > Forum > Przedszkole
andkazm
Chcę aby nivo slider przed załadowaniem obrazków wywoływał loader.gif (długo trwa ładowanie listy obrazków) .
Nie wiem jak się nazywa właściwość , która daje taki efekt ,bo poprzez css :
  1. #slider {
  2. position:relative;
  3. margin:30px 30px 60px 30px;
  4. background: url(loading.gif) no-repeat 50% 50%;
  5. -moz-box-shadow:0px 0px 10px #333;
  6. -webkit-box-shadow:0px 0px 10px #333;
  7. box-shadow:0px 0px 10px #333;
  8. }

i niestaty nie ma efektu wyswietlenia loading.gif .
Czy trzeba to określić w parametrach tak jak np. to czy mają się
wyświtlić strzałki czy nie .
Samo wywołanie tej funkcji java u mnie wygląda tak :
  1. <link rel="stylesheet" href="slider/nivo-slider.css" type="text/css" media="screen" />
  2. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
  3. <script src="slider/jquery.nivo.slider.pack.js" type="text/javascript"></script>
  4. <script type="text/javascript">
  5. $(window).load(function() {
  6. $('#slider').nivoSlider({
  7. directionNav:false,
  8. directionNavHide:false,
  9. });
  10. });


Oczywiście gif się nazywa : loading.gif
wujek2009
Ścieżkę do pliku loading.gif masz na pewno prawidłową? Ogólnie w CSSie to definiujesz - nie musisz nic do konfiguracji slidera dopisywać.
Weź zmień:
  1. background: url(loading.gif) no-repeat 50% 50%;

na
  1. background: #ff0000 url(loading.gif) no-repeat 50% 50%;


powinno Ci załadować czerwone tło oraz obrazek loading.gif (o ile ścieżki są prawidłowe) - jeśli nie zobaczysz nawet czerwonego tła to sprawdź czy odwołujesz się do prawidłowego diva.
andkazm
Ok , zadziałało tak jak opisałeś , no i w końcu nie dałem żadnego koloru smile.gif - nie ma zbędnego "okna" . Diva dałem bo rozsypywała się strona . A teraz ciągle jeszcze strzałka w prawo sie nie wyświetla i generalnie te strzałki nie działają Nie mniej loader się wyświetla i wygląda to tak :
w pliku css dodatkowa warstwa
  1. #rozmiar {
  2. background: url(loading.gif) no-repeat 50% 50%;
  3. width:600px;
  4. height:300px;
  5. }
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.