Skocz do zawartości

[js] Animacja zmiany zdjęcia


Michael5538

Rekomendowane odpowiedzi

Cześć! Posiadam skrypt na mojej stronie do zmiany zdjęć, chciałem trochę dopieścić skrypt dodając animacje przejścia między zdjęciami ale nigdzie nie mogłem znaleźć tego. Z góry dzięki za pomoc!

*Skrypt*

var imgs = new Array('1.png', '2.png', '3.png', '4.png', '5.png');
   var pos  = 0;

   function chImg()
   {
      var i = document.getElementById( 'imgField' );
      
      i.src = imgs[ pos++ ];

      if( pos >= 5 )
      {
         pos = 0;
      }

      window.setTimeout( 'chImg()', 1000 );
   }

Odnośnik do komentarza
Udostępnij na innych stronach

Sposobów na to jest wiele ... W Twoim wypadku najlepiej szukaj gotowych rozwiązań typu "image slider"

https://1stwebdesigner.com/jquery-gallery/
https://www.jqueryscript.net/tags.php?/Image%20Slider/

https://freshdesignweb.com/jquery-image-slider-slideshow/

https://sachinchoolur.github.io/lightslider/

itd...

 

 

 

Edytowane przez Mion

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności