Logowanie

Jak zrobić efekt przejścia?

pytanie zadane 30 czerwca 2018 w JavaScript przez Layoutowiec Mądrala (5,470 p.)

Witam!

Więc chciałbym zrobić pokaz slajdów, i mam taki kod:

<!DOCTYPE html>
<html>
<title>gallery</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/lib/w3.css">
<style>
.mySlides 
{display:none;}
</style>
<body>

<div class="w3-content w3-section" style="max-width:500px">
  <img class="mySlides" src="img/artykul1.jpg" style="width:100%">
  <img class="mySlides" src="img/artykul2.jpg" style="width:100%">

</div>

<script>
var myIndex = 0;
carousel();

function carousel() {
    var i;
    var x = document.getElementsByClassName("mySlides");
    for (i = 0; i < x.length; i++) {
       x[i].style.display = "none"; 
    }
    myIndex++;
    if (myIndex > x.length) {myIndex = 1}    
    x[myIndex-1].style.display = "block";  
    setTimeout(carousel, 2000); 
}
</script>

</body>
</html>

I wszystko jest ok tylko mógłby mi ktoś powiedzieć jak uzyskać efekt aby przy zmianie zdjęcia było to takie płynne przejście a nie natychmiastowa zmiana

1 odpowiedź

odpowiedź 30 czerwca 2018 przez Mariusz08 Maniak (62,300 p.)
wybrane 30 czerwca 2018 przez Layoutowiec

Najlepsza

http://domanart.pl/transition-css3-i-slider/

komentarz 30 czerwca 2018 przez Layoutowiec Mądrala (5,470 p.)

Ok dzięki!

Podobne pytania

0 głosów

1 odpowiedź 77 wizyt

Draggable Slideshow

pytanie zadane 20 kwietnia 2019 w JavaScript przez veryape Użytkownik (580 p.)

0 głosów

0 odpowiedzi 564 wizyt

Pokaz slajdów (divów) w html

pytanie zadane 23 czerwca 2021 w HTML i CSS przez NA Użytkownik (590 p.)

0 głosów

1 odpowiedź 604 wizyt

Pokaz slajdów - zmiana strzałek oraz przewijanie strony w dół

pytanie zadane 6 maja 2021 w HTML i CSS przez Krzysiek_34 Mądrala (6,050 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

Jak zrobić efekt przejścia?

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci