Senin, 27 Agustus 2012

Background SlideShow with Facebook Album

·


It's a small wonder that many jQuery plugins were developed with the intention of easily introducing pretty slideshows to display and rotate series of images. However, almost none of these slideshow plugins utilize the idea of rotating CSS backgrounds. :)


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.

0 komentar:

Posting Komentar

handapeunpost