<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript">
</script>
<style type="text/css">
#myslideshow{background:#424242;
border-radius:5px;border: 2px solid #BDBDBD;box-shadow:0 0 40px #fff;}
</style>
<script src="https://sites.google.com/site/cuerosbhelatos/translucentslideshow.js" type="text/javascript">
</script>
<script type="text/javascript">
var translideshow1=new translideshow({
wrapperid: "myslideshow", //ID of blank DIV on page to house Slideshow
dimensions:
[650, 500], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://i1206.photobucket.com/albums/bb455/binkbenk/IMG_0578.jpg"], //["image_path", "optional_link", "optional_target"]
["http://i1206.photobucket.com/albums/bb455/binkbenk/IMG_0577.jpg", "http://cuerosbhelatos.blogspot.com", "_new"],
["http://i1206.photobucket.com/albums/bb455/binkbenk/IMG_0576.jpg"],
["http://i1206.photobucket.com/albums/bb455/binkbenk/IMG_0575.jpg"] //<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2000, cycles:2, pauseonmouseover:true},
orientation: "h", //Valid values: "h" or "v"
persist: true, //remember last viewed slide and recall within same session?
slideduration: 400 //transition duration (milliseconds)
})
</script><center>
<div id="myslideshow">
</div>
<a href="javascript:translideshow1.navigate('back')" style="background: #000; border-radius: 5px; border: 2px solid #BDBDBD;font-family:Verdana; color: #df7401;
margin-right: 500px; margin-top: 10px;">kembali</a> <a href="javascript:translideshow1.navigate('forth')" style="background: #000; border-radius: 5px; border: 2px solid #BDBDBD; font-family:Verdana; color: #df7401;margin-top: 10px;">lanjut</a></center>