Jak ustawić pokaz slajdów na stronie?

0

Kochani.
Chciałabym wstawić na stronę pokaz slajdów.
Zdjęcia miałyby się zmieniać np co 3 sekundy. Jak to osiągnąć?
Czy jako początkująca osoba mam szanse żeby ustawić coś takiego na swojej stronie?

Pozdrawiam.

0

Np. to http://kenwheeler.github.io/slick/ Setup jest bardzo prosty.
Tutaj masz absolutne minimum, które działa:

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css">
	<style type="text/css">
		.demo {
		    width: 500px;
    		height: 300px;
    		overflow: hidden;
		}

		img {
			width: 100%;
		}
	</style>
</head>
<body>
<div class="demo">
	<div><img src="https://img.buzzfeed.com/buzzfeed-static/static/2014-04/enhanced/webdr03/4/16/enhanced-26552-1396642701-1.jpg?no-auto" alt=""></div>
	<div><img src="http://science-all.com/images/wallpapers/cat-images/cat-images-3.jpg" alt=""></div>
	<div><img src="https://img.buzzfeed.com/buzzfeed-static/static/2014-04/enhanced/webdr08/9/17/enhanced-buzz-3286-1397079521-10.jpg?no-auto" alt=""></div>
</div>
<script src="https://code.jquery.com/jquery-3.0.0.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>
<script>
    $(document).ready(function () {
        $('.demo').slick({
            speed: 300,
            autoplay: true
        });
    });
</script>
</body>
</html>

1 użytkowników online, w tym zalogowanych: 0, gości: 1