Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]ruchoma grafika na stronie
-interu86-
post
Post #1





Goście







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?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
s1518
post
Post #2





Grupa: Zarejestrowani
Postów: 22
Pomógł: 4
Dołączył: 3.12.2012

Ostrzeżenie: (0%)
-----


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/

Ten post edytował s1518 9.12.2012, 20:06:46
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 13.10.2025 - 11:21