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