PASTEKAN SAJA DI GADGET: HTML/JAVASCRIPT .

KEBAWAH

tulisan bergantian pakai gambar 2

==================================

<style type="text/css">

#dropcontentsubject{
width: 250px;
font-weight: bold;
}

.dropcontent{
width: 250px;
height: 200px;
border: 1px solid black;
background-color: #DFDFFF;
padding: 3px;
display:block;
}

</style>

<script type="text/javascript">

var tickspeed=2000 //ticker speed in miliseconds (2000=2 seconds)
var enablesubject=1 //enable scroller subject? Set to 0 to hide

if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.dropcontent{display:none;}\n')
document.write('</style>\n')
}

var selectedDiv=0
var totalDivs=0

function contractall(){
var inc=0
while (document.getElementById("dropmsg"+inc)){
document.getElementById("dropmsg"+inc).style.display="none"
inc++
}
}


function expandone(){
var selectedDivObj=document.getElementById("dropmsg"+selectedDiv)
contractall()
document.getElementById("dropcontentsubject").innerHTML=selectedDivObj.getAttribute("subject")
selectedDivObj.style.display="block"
selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0
setTimeout("expandone()",tickspeed)
}

function startscroller(){
while (document.getElementById("dropmsg"+totalDivs)!=null)
totalDivs++
expandone()
if (!enablesubject)
document.getElementById("dropcontentsubject").style.display="none"
}

if (window.addEventListener)
window.addEventListener("load", startscroller, false)
else if (window.attachEvent)
window.attachEvent("onload", startscroller)

</script>

<div id="dropcontentsubject"></div>

<div id="dropmsg0" class="dropcontent" subject="JUDUL">
<img align="right" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhATVZbGBeSc8dJgRQKsshhkb1XF36OcNmk3EK_FvSjukgH0_CJz9O4ncLSsvk_qCGFKhhci9VZmuZTCva6MBBzau0-Tv6t6_ibdjIZQ8LU-2AWsb0iwL4rYsQ5kJqoeqFuFfrwyPFKXLm2/s1600/programmer.gif"/>
fgdhghfgjgfjg........yjyjxfggx,,,,,,,,ghfdhbfdbdfb
</div>

<div id="dropmsg1" class="dropcontent" subject="JUDUL">
<img align="center" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhATVZbGBeSc8dJgRQKsshhkb1XF36OcNmk3EK_FvSjukgH0_CJz9O4ncLSsvk_qCGFKhhci9VZmuZTCva6MBBzau0-Tv6t6_ibdjIZQ8LU-2AWsb0iwL4rYsQ5kJqoeqFuFfrwyPFKXLm2/s1600/programmer.gif"/>
fgfdhfdhfd,,,,,,,,fghgdhdfh,,,,,,,,,gfjnfghng,,,,gghd,,,ghfhfdhfd
</div>

<div id="dropmsg2" class="dropcontent" subject="JUDUL">
<img align="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhATVZbGBeSc8dJgRQKsshhkb1XF36OcNmk3EK_FvSjukgH0_CJz9O4ncLSsvk_qCGFKhhci9VZmuZTCva6MBBzau0-Tv6t6_ibdjIZQ8LU-2AWsb0iwL4rYsQ5kJqoeqFuFfrwyPFKXLm2/s1600/programmer.gif"/>
fdbgdffdb,,gfngngf,,mfgnfgnfg,,nfgngfng,,dfbdfbfdbf
</div>



KEMBALI

KE ATAS.