Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Ada Warna yg Berubah Rubah setiap foto diganti
Sebenernya ini jawaban dri tantangan di video https://www.youtube.com/watch?v=gvy9G92pbdE&list=PLCZlgfAG0GXABdZzCNy34KiRItlx6p5WH :)
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<script type="text/javascript">
// var nomer;
var namaGambar = new Array("", "satu", "dua", "tiga");
var namaWarna = new Array("", "red", "blue", "yellow");
function ganti(nmr) {
var dir = 'image/' + nmr + '.png';
nomer = nmr;
document.getElementById('nama').innerHTML = namaGambar[nomer];
document.getElementById('warna').innerHTML = namaWarna[nomer];
document.getElementsByTagName('img')[0].src = dir;
return false;
}
function lanjut(){
if (nomer >= 3) {
nomer = 1;
}else{
nomer = nomer + 1;
}
ganti(nomer);
}
function balik(){
if (nomer <= 1) {
nomer = 3;
}else{
nomer = nomer - 1;
}
ganti(nomer);
}
</script>
</head>
<body onload="ganti(1)">
<img style="width:300px; height:300px" src="#">
<br>
<a href="#" onclick="balik()">balik</a>
<a href="#" onclick="ganti(1)">1</a>
<a href="#" onclick="ganti(2)">2</a>
<a href="#" onclick="ganti(3)">3</a>
<a href="#" onclick="lanjut()">lanjut</a>
<br>
<span id="nama"></span>
<span id="warna"></span>
</body>
</html>
0
6 Jawaban:
kalau dibuat Tag buat Share lebih bagus lagi bang hilman :D
0
@ardyhim tag apa tuh kang maksudnya? buat share forum postnya ya? atau?
0
