Spoiler Bergambar

Kalian tau spoiler nggak? Itu lho yang buka tutup.

saya suka nulis

Ayo, kita buat modifikasi spoiler. TAMBAHAN kode untuk membuat gambar itu aku yang taruh asal-asalan, tapi bisa. Spoiler itu kode ORIGINALnya (dari blog ini ) itu :


<div style="margin: 5px;"> <div class="bigfont" style="margin-bottom: 2px;"> <input value="Open" style="margin: 0px; padding: 0px; width: 60px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button"><br /> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;"> Text Yg Anda Inginkan</div> </div> </div>

Kalau mau bergambar :

<div style="margin: 5px;"> <div class="bigfont" style="margin-bottom: 2px;"> <img input="" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" src="URL IMAGE SPOILER" style="margin: 0px; padding: 0px;" type="button" value="Open" /></div> <div class="alt2" style="border: 0px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> text yang didalam spoiler</div> </div> </div>

Ganti Text yang didalam spoiler dengan teks yang kamu mau.
Nah... beda kan.

Misalnya "url img spoiler"nya http://i39.tinypic.com/dnnk79_th.jpg :

text yang didalam spoiler

Tambahan dari aku.