Tampil dan sembunyikan gambar dengan button javascript

Coba Klik Button

Trik javascript pada script ini adalah menampilkan gambar ketika button tampilkan gambar di tekan, dan script ini akan menyembunyikan gambar ketika button sembunyikan gambar di tekan

Untuk script program javascriptnya bisa di lihat di bawah ini

<html>
<head>
<div style="display: none;">
</div><div id="post_message_244102"> <br>
<div class="spoiler">
<script>
function showHide(what,button){
b = what;
a = b.getElementsByTagName("div")[0];
while (a == undefined) {
   b=b.parentNode;
   a=b.getElementsByTagName("div")[0];
}
if(a.style.display=='none'){
a.style.display='block';
button.value="Sembunyikan gambar";
}else{
a.style.display='none';
button.value="Tampilkan gambar";
}}
</script>
<input name="button" type="button" onClick="showHide(this.parentNode,this)" value="Tampilakan gambar">
<div style="display: none;"><img src="showthread.php_files/mariahcarey52092.jpg" alt="" class="tcattdimgresizer" onload="NcodeImageResizer.createOn(this);" border="0"><br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5vUE0ZqMy5VXRoWSgOyxbaxtatTSWdUcuRhwDDdMJ8Er6BIZ32iFu0xgi4Lm_kINJ0LUw_zpFXo-2MwpYu1BY1CGvU7UsmmSb2ATDYjCNnfcbCTOb0gBYO69Vy1PaBGLBOPRBplLRTdlK/s1600/jam+digital.png" alt="" class="tcattdimgresizer" onload="NcodeImageResizer.createOn(this);" border="0"></div>
</div>
<br>
<div class="spoiler">
<div style="display: none;"><img src="showthread.php_files/intip.jpg" alt="" class="tcattdimgresizer" onload="NcodeImageResizer.createOn(this);" border="0"></div>
</div>
</div>
</body></html>

script diatas dibuat menggunakan dreamweaver dengan ekstensi html

Tampil dan sembunyikan gambar dengan button javascript

{ 0 komentar... Views All / Send Comment! }

Posting Komentar

teman