Forum PHP.pl

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?

dlaczego nie we flashu ? Szybkie lekcje jak to zrobić znajdziesz choćby na youtubie. pozdrawiam

Zainteresuj sie pluginem cycle dla jQuery.

javascript jest mimo wszystko bardziej dostepny niz flash - wiec juz chocby ze wzgledu na to warto zastepowac flasha javascriptem/jQuery.

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źć.

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:

[HTML] pobierz, plaintext 
<!-- to do head -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
 
<!-- to do body -->
        <h2>turnDown</h2>
        <div id="slide" class="pics">
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
        </div>
  <script type="text/javascript">
  $('#slide').cycle({ 
    fx:      'turnDown', 
    delay:   -4000 
});
  </script>
[HTML] pobierz, plaintext 

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

dzięki wielkie
tylko po zmianie animacji na
"$('#zoom').cycle({
fx: 'zoom',
sync: false,
delay: -2000
});"

w ogóle mi to nie działa:(

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ść?

czy jest jakaś możliwość żeby spowolnić zmienianie się tych obrazków? np. w "fade" lecą stanowczo za szybko.

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?