[quote=irwan_syah]boleh tau g' cara buat primary yg animasi!!![/quote]
ini bro
Pertama˛ taruh code ini di bagian C atau d paling bawah JS kamu
[spoiler]var rector=3
var stopit=0
var a=1
function initshake(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a=
){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}[/spoiler]
lalu codenya taruh d bagian B atau dalam onload handler
[spoiler]var ohyesohno = "<br><div align='center'><marquee align='center' width='468px' height='120px' direction='left' scrollamount='3' onMouseOver='stop()' onMouseOut='start()'><img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'> <img src='URL IMAGE DISINI' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width='80px ' height='110px' border='0'></marquee><br><a href=\"http://www.friendster.com/photos/USER ID KAMU\"><b class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()'>View All Photo</b></a> | <a href=\"http://www.friendster.com/friendphotoupload.php?uid=USER ID KAMU\"><b class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()'>Upload Photo For Me</b></a></div><br>";
document.getElementById('content_1').style.height='100%';
document.getElementById('content_1').style.overflowY='hidden';
document.getElementById('content_1').innerHTML = "<center><table width='460px'><tr><td align='center'>"+ohyesohno+"</td></tr></table></center>";[/spoiler]
terakhir taruh code ini di CSS ekstension kamu
[spoiler].shakeimage{
position:relative;
}[/spoiler]
kalo mau yang slide laen lagee..
nih..
[spoiler]//SLIDE SHOW PHOTO
function embed(){
var slodde = "[b]<embed src=\"http://widget-e7.slide.com/widgets/slideticker.swf\" type=\"application/x-shockwave-flash\" quality=\"high\" scale=\"noscale\" salign=\"l\" wmode=\"transparent\" flashvars=\"cy=fr&il=1&channel=216172782130257035&site=widget-e7.slide.com\" style=\"width:97%;height:150px\" name=\"flashticker\" align=\"middle\"/>[/b]<div style=\"width:100%;text-align:center;\"><a href=\"http://www.friendster.com/photos/[b]15054731[/b]\" target=\"_blank\"><b>View All Photo</a> | <a href=\"http://www.friendster.com/friendphotoupload.php?uid=[b]15054731[/b]\" target=\"_blank\">Submit Photo</b></a></div>";
document.getElementById('content_1').style.height='97%';
document.getElementById('content_1').style.overflowY='hidden';
document.getElementById('content_1').innerHTML = "<table width='100%'><tr><td align='center'>"+slodde+"</td></tr></table>";
}setTimeout("embed()",10000);[/spoiler]
ganti yang bold dengan code slide kamu dan id fs kamu.
Last edited by rezza (2008-09-28 13:04:42)