CSS

Saturday, January 5, 2013

Background SlideShow with Facebook Album



Sample htm file: SlideShow.htm
JS file: AlbumSlideShow.js
CSS: CSSslideshow.txt

How to load:

<style type="text/css">
#block-all{
 display:none;
 position:fixed;
 width:100%;
 height:100%;
 top:0;
 left:0;
}
/*
see full css on file..
*/
</style>

<script type="text/javascript">
//daftar id album modeidFbAlbum manual split by coma
var idFbAlbum='270532219718335,274027116045434'; 

var idYgPunyaAlbum='AingCreations.Page'; 
//kalo manual yang di pake idFbAlbum
var modeidFbAlbum='auto'; //load auto semua album dari idYgPunyaAlbum

var toketYgPunyaAlbum=''; //perlu kalo album pribadi bukan page

//kalo idYgPunyaAlbum=='' sama idFbAlbum=='' yang dipake dftrSledSow
var dftrSledSow=[
"http://misal.nya/gambar.jpg",
"http://misal.nya/gambar.jpg" //masukan daftar URL gambar secara manual
]; 

var jedaSledSow=30000;
var urutanSledSow='random';
var defaultSizeGambarSlideShow='auto';
var repeatGambarSlideShow='repeat';
var posisiGambarSlideShow='center center';
var tampilinStatusLodingSledSow='hooh';

$.ajax({url:'http://template-aing.googlecode.com/files/AlbumSlideShow.js',dataType:'script',cache:true});
</script>
I am always receptive to any thoughts/suggestions you might have, so have words with me in the comments.

No comments:

handapeunpost