Membuat tunjuk/sorok imej

Sebagaimana kita boleh menggunakan javascript 'toggle' untuk teks, kita boleh juga menggunakannya pada imej.

Hanya tukarkan <div id="toggleText" style="display: none;">teks anda</div> kepada <div id="toggleText" style="display: none;">kode imej</div>
  
Contoh,

<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "Lihat gambar Gunung Fuji";
}
else {
ele.style.display = "block";
text.innerHTML = "Sorok gambar";
}
}
</script>
<a href="javascript:toggle();" id="displayText">Gunung Fuji</a>
<div id="toggleText" style="display: none;">
<img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3LUhxJ8OYvVHtRqojVxmYL8cJWwlvXCiYoD7p9dyzZKyUpHAIkAQEJLZVc5ap_45JGHEmKyNbtn7OVdWYaP4TFS1jrrmEHFnQngt8pXbKyEo7MXjT7wlzH8igxhH0x5ggqECykB7Xpms/s400/Mount_Fuji_Japan.jpg%22" width="400" /></a></div>

Dan hasil script dilihat begini,
(klik teks link di bawah ni)

Gunung Fuji

Lebih dari satu kode imej boleh masukkan ke dalam script tetapi hanya satu script boleh diletakkan ke posting-edit html blog anda.

Cuba lah, tunjuk/sorok gambar di blog anda!!