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

 

 

 

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

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

×
×
  • 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