Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]ruchoma grafika na stronie
Forum PHP.pl > Forum > Przedszkole
interu86
Witam. Chce zrobić ruchomy jakby baner na stronę w JS (zmieniające się samoistnie obrazki). Znalazłem jedynie skrypt na grafikę która się zmienia po najechaniu myszką (http://www.doman.art.pl/kursjs/kurs/obrazki.html). Jak zrobić żeby obrazki zmieniały się same z siebie? Czy w ogóle jest to możliwe w JS?
jeremiash
dlaczego nie we flashu ? Szybkie lekcje jak to zrobić znajdziesz choćby na youtubie. pozdrawiam
s1518
Zainteresuj sie pluginem cycle dla jQuery.

Cytat(jeremiash @ 9.12.2012, 19:26:31 ) *
dlaczego nie we flashu ? Szybkie lekcje jak to zrobić znajdziesz choćby na youtubie. pozdrawiam
javascript jest mimo wszystko bardziej dostepny niz flash - wiec juz chocby ze wzgledu na to warto zastepowac flasha javascriptem/jQuery.
interu86
dokładnie, js jest bardziej dostępny. a może mi ktoś powiedzieć jak można zrobić taki ruchomy baner w JS? nigdzie nie mogę znaleźć.
s1518
W samym js nie warto sie bawic bo ciagle bedziesz mial problemy z kompatybilnoscia, po to syworzono biblioteke jQuery, żeby wszystko gralo nawet na starych browserach IE a do tego bylo duzo prostsze.
Zapoznaj sie z tym pluginem, jesli bedziesz mial problemym z czyms to pytaj - jest to bardzo proste.

Edit:
wyciagnalem Ci tu gotowca:
  1. <!-- to do head -->
  2. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  3. <script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
  4.  
  5. <!-- to do body -->
  6. <h2>turnDown</h2>
  7. <div id="slide" class="pics">
  8. <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
  9. <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
  10. <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
  11. </div>
  12. <script type="text/javascript">
  13. $('#slide').cycle({
  14. fx: 'turnDown',
  15. delay: -4000
  16. });
  17. </script>

Ps. w miejsce fx: dajesz rodzaj animacji - szczegoly na tej str: http://jquery.malsup.com/cycle/
interu86
dzięki wielkie smile.gif
tylko po zmianie animacji na
"$('#zoom').cycle({
fx: 'zoom',
sync: false,
delay: -2000
});"

w ogóle mi to nie działa:(
interu86
w explolerze ten skrypt wymaga "zezwolenia niedozwolonej zawartości" co sprawia, ze obrazki wyświetlają się w ciągu jeśli się tego nie zrobi, co psuje cały efekt. da się to jakoś obejść?
interu86
czy jest jakaś możliwość żeby spowolnić zmienianie się tych obrazków? np. w "fade" lecą stanowczo za szybko.
interu86
Ponawiam prośbę o pomoc w explolerze ten skrypt wymaga "zezwolenia niedozwolonej zawartości" co sprawia, ze obrazki wyświetlają się w ciągu jeśli się tego nie zrobi, co psuje cały efekt. da się to jakoś obejść?" dla tej strony http://jquery.malsup.com/cycle/ exploler nie wymaga tego zezwolenia. co robię nie tak?
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.