Membuat Slider Sederhana
<!DOCTYPE html>
<html>
<body>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script "text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script "text/javascript" src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
</head>
<div class="slider">
<div><img src="koala.jpg" title="Title of image1"></div>
<div><img src="desert.jpg" title="Title of image2"></div>
</div>
<div class="slider">
<div><img src="desert.jpg" title="Title of image2">
<img src="desert.jpg" title="Title of image2"></div>
<div><img src="koala.jpg" title="Title of image1"></div>
</div>
<script>
$('.slider').bxSlider({
autoControls: true,
auto: false, => ataw True agar otomatis
pager: true,
slideWidth: 800,
mode: 'fade',
captions: true,
speed: 1000
});
</script>
</body>
</html>
referensi : https://code.tutsplus.com/id/tutorials/how-to-build-a-simple-jquery-slider--cms-32607
.png)
No comments