![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 186 Pomógł: 9 Dołączył: 3.03.2008 Ostrzeżenie: (0%) ![]() ![]() |
Witam,
posiadam funkcję która dopasowuje obrazek tla do okna przegladarki. Kod <img src="image/obrazek.jpg" id="bg" alt=""> <style type="text/css"> #bg { position: fixed; top: 0; left: 0; } .bgwidth { width: 100%; } .bgheight { height: 100%; } </style> <script> $(function() { var theWindow = $(window), $bg = $("#bg"), aspectRatio = $bg.width() / $bg.height(); function resizeBg() { if ( (theWindow.width() / theWindow.height()) < aspectRatio ) { $bg .removeClass() .addClass('bgheight'); } else { $bg .removeClass() .addClass('bgwidth'); } } theWindow.resize(function() { resizeBg(); }).trigger("resize"); }); </script> Chciałbym go trochę zmodyfikować aby funkcja wykonywała się co pewnien czas i zmieniała obrazki (i tak w pętli) W jaki sposób to rozwiązać? |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 2 707 Pomógł: 290 Dołączył: 16.12.2008 Skąd: Śląsk Ostrzeżenie: (0%) ![]() ![]() |
Za pomocą setInterval podmieniaj adres obrazka i wywołuj tę funkcję.
A najlepiej poszukaj jakiegoś gotowego przykładu bo to nic innego jak slajder i warto to obrać w jakieś ładne animacje. |
|
|
![]() ![]() |
![]() |
Aktualny czas: 23.08.2025 - 15:57 |