Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
slider jquery
https://sekolahkoding.com/kelas/membuat-galeri-foto-dengan-jquery/video/galeri-foto-jquery SLIDER JQUERY
$(document).ready(function(){
var index=0, items = $('.container div'), total = items.length;
function slide(){ var item = $(.'container div').eq(index); items.hide(); item.css('display','block');
}
var autoslide = setInterval(function(){ index +=1; if(index>total-1) index=0; slide(); },1500); });
ada yg tau saya salah dimana nya?
8 Jawaban:
keliatannya udah bener gan.. bisa screenshot tampilannya gan?
tampilan nya cuma muncul satu gambar dan stuck,harus nya gambar nya ganti dengan efek fadeOut
coba kodenya di tulis di tag kode gan biar jelas
kalo di liat dari scriptnya udah bner itu gan,punya ane udah work,coba di cek file jquerynya
ini punya ane jalan gan, tp belum fadeout
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>slider jquery</title>
</head>
<style media="screen">
body {
width: 70%;
margin: 30px auto;
}
div.container {
max-width: 400px;
margin: 0 auto;
}
div.container div {
display: none;
}
div.container div img {
width: 100%;
}
</style>
<body>
<div class="container">
<div style="display:block"><img src="images/img1.jpg"></div>
<div><img src="images/img2.jpg"></div>
<div><img src="images/img3.png"></div>
<div><img src="images/img4.png"></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>
script.js nya
$(document).ready(function(){
var index = 0,
items = $('.container div'),
total = items.length;
function slide() {
var item = $('.container div').eq(index);
items.hide();
item.css('display', 'block');
}
var autoslide = setInterval(function() {
index += 1;
if (index > total - 1) index = 0;
slide();
}, 1500);
});
@fadhil_sanad boleh liat kode agan ga? say ajuga ragu sih di file jquery nya,agan file jquery nya nge load apa pake cdn?
Halo temen-temen ternyata saya udah bisa deng,diatas kalo kalian semua perhatiin ada yg salah di bgaian script javascript nya, btw ini yg bener
$(document).ready(function(){
var index=0,
items = $('.container div'),
total = items.length;
function slide(){
var item = $('.container div').eq(index);
items.hide();
item.css('display','block');
}
var autoslide = setInterval(function(){
index +=1;
if(index>total-1) index=0;
slide();
},1500);
});